Core Code
Core Code Modern Dev Handbook

CSS Display Inline Block

Inline-block elements flow inline but allow width and height.

Preview

Code

<style>
.box{
display:inline-block;
width:100px;
height:60px;
background:#d1fae5;
margin:5px;
}
</style>

<div class="box"></div>
<div class="box"></div>

More CSS Display Examples (8)

example CSS Display Block open example example CSS Display Inline open example example CSS Display None open example example CSS Display Flex 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