<!DOCTYPE html> <title>flexbox | flex-direction: column-reverse</title> <link rel="author" href="http://opera.com" title="Opera Software"> <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-direction-property"> <link rel="match" href="flexbox_direction-column-reverse-ref.html"> <style> div { background: blue; margin: 1em 0; border: 1px solid black; display: flex; flex-direction: column-reverse; } span { background: white; margin: 1em; width: 8em; display: inline-block; } .test { background: #ffcc00; } </style> <div> <span class="test">filler</span> <span>filler</span> <span>filler</span> <span>filler</span> </div>