I chciał bym zrobić by linki były wyrównane do lewej strony a tekst w <span> do prawej próbowałem z float text-align ale nie przyniosło to oczekiwanego efektu proszę o pomoc.
.list, ul li { display: block; list-style: none; margin: 0; padding: 0; } .list span { float:right; } .list a { float:left; }
ul, li { display: block; list-style: none; margin: 0; padding: 0; } p { text-align:right; margin: 0; padding: 0; } a { text-align:left; float: left; margin: 0; padding: 0; }
.list, ul li { display: block; list-style: none; margin: 0; padding: 0; } .list li { clear:both; } .list a { float:left; } .list span { clear:right; }
<style type='text/css'> .list, ul, li { display: block; list-style: none; margin: 0; padding: 0; clear:both; } .list span { float: right; } .list a { float: left; } </style> <ul class="list"> <li><a href="#">Temat 1</a><span>12</span></li> <li><a href="#">Temat 2</a><span>12</span></li> <li><a href="#">Temat 3</a><span>32</span></li> <li><a href="#">Temat 4</a><span>42</span></li> <li><a href="#">Temat 5</a><span>12</span></li> </ul>