align span ul and li

edited March 2020 in Other
on a website i use tab item
in that tab i got list of products with a price for each one
i use the following code
<ul class=leaders>
<li><span>Brochette de foie gras poêlé et aiguillette de canard mariné au Sauterne</span><span>3,50€</span>
<li><span>Cassolette de noix de saint sauce aux écrevisses ou sauce champagne</span><span>3,50€</span></ul>
but depending of screen resolution i got bug on the line
prices moove and are not anymore on the good line of the product
une idea please ?


  • solution without recoding all with a table code please :-)
    because i got a lot of lists
    and forgot following the css
    ul.leaders {
        max-width: 100em;
        padding: 0;
        overflow-x: hidden;
        list-style: none;
    ul.leaders li:after {
        float: left;
        width: 0;
        white-space: nowrap;
    ul.leaders span:first-child {
        padding-right: 0.33em;
    ul.leaders span + span {
        float: right;
        padding-left: 0.33em;
        position: relative;
        z-index: 1;
  • Hello,
    Sadly, Betheme does not have this kind of functionality - the only solution will be as you posted, with Custom CSS code.
  • :-( snif 
    so i'm going to use table
    thank you for your help
Sign In or Register to comment.