<!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> |