HTML/CSS lists with markers on the right side

If you need a HTML list with the markers (dots, squares, list-style-images, whatever you use) on the right side (for instance for a navigation menu that is aligned to a line on its right side), you can achieve this by using RTL (right-to-left) text:

<ul style="direction: rtl;">
    <li>aligned to the right side</li>
    <li>yes, it is</li>
</ul>

Demo:

  • aligned to the right side
  • yes, it is

Leave a Reply

Image | WordPress Themes