align span ul and li
hello,
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>
<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 ?
Comments
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;
}