The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS reversing the order of a floated left right menu

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #38252

    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 :)


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


    Thanks Joshua, worked like a charm :D


    You’re welcome!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.