<!DOCTYPE html>
<title>flexbox | flex-direction: row-reverse</title>
<link rel="author" href="http://opera.com" title="Opera Software">
<style>
* {font-family: monospace;}
body {
width: 10em;
}
ul {
background: blue;
padding: 0;
margin: 0;
list-style: none;
}
li {
color: white;
margin: 0;
width: 3.3333em;
display: inline-block;
}
</style>
<ul>
<li>EFGH</li><li>ABCD</li><li>IJKL</li>
</ul>