Demo: Reverse Element Order with CSS Flexbox

The elements in the lists below are rendered in numeric order but display in reverse order thanks to CSS!

CSS Reverse with row-reverse

  • One
  • Two
  • Three
  • Four
  • Five
  • Six
  • Seven
  • Eight
  • Nine
  • Ten

CSS Reverse with column-reverse

  • One
  • Two
  • Three
  • Four
  • Five
  • Six
  • Seven
  • Eight
  • Nine
  • Ten

Back to: Reverse Element Order with CSS Flexbox