div > div:nth-child(1) { flex-shrink: 1; } div > div:nth-child(2) { flex-shrink: 2; } div > div:nth-child(3) { flex-shrink: 3; } div > div:nth-child(4) { flex-shrink: 4; } div > div:nth-child(5) { flex-shrink: 5; } .flex { display:flex; flex-direction:row; width:500px; } div { border:1px solid #cccccc; margin:5px; padding:5px; } div > div { background:#ffcc99; width:200px; }
<div id="container" class="flex"> <div>Item1</div> <div>Item2</div> <div>Item3</div> <div>Item4</div> <div>Item5</div> </div>