Display Inline Block Example

HTML

<div class=parent>

<div class="example inline-block">
    display: inline-block
</div>
<div class="example inline-block">
    display: inline-block
</div>
<div class="example inline-block">
    display: inline-block
</div>

</div>

CSS

.example{
    width: 150px;
    background-color: red;
    font: 0/0;
}

.inline{
    display: inline;
}

.inline-block{
    display: inline-block;
}

.block{
    display: block;
}
.parent {
  border:1px solid;
  width:600px;
  height:300px;
  font: 0/0;
}