Source code
Revision control
Copy as Markdown
Other Tools
<!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>