Multiple values for display
Item One
Item Two
Item Three
The first example is a block element with flex children.
Item One
Item Two
Item Three
The second example is an inline element with flex children.
.flex1 { display: block flex; } .flex2 { display: inline flex; }
<h1>Multiple values for display</h1> <div class="flex flex1"> <div>Item One</div> <div>Item Two</div> <div>Item Three</div> </div> <p>The first example is a block element with flex children.</p> <div class="flex flex2"> <div>Item One</div> <div>Item Two</div> <div>Item Three</div> </div> The second example is an inline element with flex children.