reversing the order of a floated left right menu

[mshort1985]

Hi everyone.

I’ve got a menu which I would like to float right. My problem is that doing this reverses the order of the li elements that I put in the HTML.

I thought about reversing the order of the elements in the HTML so that when floated they render in the correct order, but that causes issues when it comes to accessibility because screen readers will read them in the reverse order than they are displayed.

Does anyone know of a way that i can do this preferably using CSS, but JS would work too if theres no other way.

Thanks in advance :)

[joshuanhibbert]

Rather than floating the list items, float the list itself.

[mshort1985]

Thanks Joshua, worked like a charm :D

[joshuanhibbert]

You’re welcome!

[Author]

Posts