<!DOCTYPE html> <title>flexbox | flex: 0 0 auto</title> <link rel="author" href="http://opera.com" title="Opera Software"> <style> div { background: blue; margin: 1em 0; border: 1px solid black; height: 8em; width: 40em; } span { background: white; margin: 1em 0; width: 5em; height: 6em; display: inline-block; } span:nth-child(1) {background: yellow;} span:nth-child(2) {background: pink;} span:nth-child(3) {background: lightblue;} span:nth-child(4) {background: grey;} </style> <div> <span>one</span><span>two</span><span>three</span><span>four</span> </div>