Estoy usando flexbox para ordenar algunos elementos y necesito invertir el orden de los elementos con CSS y se pone raro:
|4|3|2|1| |8|7|6|5|y necesito que sea de esta manera:
|8|7|6|5| |4|3|2|1| ul { list-style: none; width: 208px; padding: 5px; display: flex; flex-wrap: wrap; flex-direction: row-reverse } li { min-width: 50px; height: 50px; text-align: center; border: 1px solid red; color: #FFF; background-color: #000; } <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul>Solo haz flex-wrap:wrap-reverse
ul{ list-style: none; width: 208px; padding: 5px; display: flex; flex-wrap: wrap-reverse; flex-direction: row-reverse } li { min-width: 50px; height: 50px; text-align: center; border: 1px solid red; color: #FFF; background-color: #000; } <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul>