CODEWITHSUNDEEP
csscss-float
Mostafa Elkady
Mostafa Elkady

Reputation: 5791

css problem with make text in the right

i have this

<li><a href="#" >title</a> <span style='text-align:right;'>(0)</span></li>

its not working and this

<li><a href="#" >title</a> <span style='float:right;'>(0)</span></li>

its go to the down line (not working)

its appear like that

|title (0)     |

i want it

|title      (0)|

Upvotes: 0

Views: 53

Answers (1)

Adam Asham
Adam Asham

Reputation: 1519

There is likely a more elegant solution to do this but this should work:

<li style="position:relative">
    <a href="#">title</a> <span style="position:absolute; right:0;">(0)</span>
</li>

You may want to add padding-right to the li to account for the space used by the span so that the link text and the span don't overlap.

Upvotes: 2

Related Questions