Geek Answers Handbook

How to “mirror” bullets of an unordered list?

It was difficult to formulate this question.

I suppose most of you know that there are bullets on the left side in a regular unordered list. I would like to know if it is possible to get these bullets on the right side (jquery solutions are ok).

To go into a bit more detail, suppose that:

  • There are 2 lists that I want to display side by side: fooand bar.
  • The alignment of the text in the list barshould be on the right.
  • List bullets barshould be on the opposite side.

PS Because I think someone will say: “Why? Why, in the name of all that is logical, would you like to do this?” My modest but illogical monkey code must admit that he is a little tired of the "norm" .;)

Edit:

Using dir='rtl'will not work for my case, as this leads to undesirable effects due to the fact that I want the bullet to be canceled, and not the offer.

+5
source share
3 answers

dir='rtl', , . CSS, . , - :

<table>
    <tr><td>First point. </td><td> <li> </li></td></tr>
    <tr><td>Second point. </td><td> <li> </li></td></tr>
</table>

, , . , , , , CSS .

+2

<ul dir='rtl'>...</ul>.

dir='rtf' , ( ": " ).

: ! !

+1

css, . direction:rtl.

:

<ul style="float:left">
    <li>Foo</li>
    <li>Bar</li>
</ul>
<ul style="direction:rtl;float:right;">
    <li>Foo</li>
    <li>Bar</li>
</ul>

http://startwithabreak.com/misc/test.html

0

More articles:


All Articles