<!DOCTYPE html> | |
<link href="../support/flexbox.css" rel="stylesheet"> | |
<style> | |
.flexbox { | |
background-color: lightgrey; | |
} | |
</style> | |
<div class='flexbox'> | |
<!-- flex item: block child --> | |
<div>block</div> | |
<!-- flex item: anonymous block box around inline content --> | |
anonymous item 2 | |
<!-- flex item: inline child --> | |
<span>item 3</span> | |
</div> |