Core Code
Core Code Modern Dev Handbook

CSS Display Flex

Flexbox layout is activated using display:flex.

Preview

Code

<style>
.container{
display:flex;
gap:10px;
}

.box{
background:#e9d5ff;
padding:10px;
}
</style>

<div class="container">
<div class="box">One</div>
<div class="box">Two</div>
<div class="box">Three</div>
</div>

More CSS Display Examples (8)

example CSS Display Block open example example CSS Display Inline open example example CSS Display Inline Block open example example CSS Display None open example example CSS Display Grid open example example CSS Display List Item open example example CSS Display Table open example example CSS Display vs Visibility open example