Question

i created a list of items using a display:block css propery.

the display:block property created a list of items in english that are left-to-right.
i translated the items to Hebrew, which is right-to-left but the text stays on the left.
i need to make the display:block text stick to the right side (right-to-left).
i tried:

direction:rtl;
text-align:right
and even float:right
nothing effect the display:block.

as you can see in the example the list stick to the left and ignores the above properties i added:

how can i make a disply:block have text right-to-left

Answer 1

The text-align: right setting is sufficient, but in your code, some part (not visible in the screen shot) overrides it somehow, either on the ul element or on the inner li elements.