CodePen Embed - display - inline, inline-block, block

<div class="inline">inline</div>
<div class="inline-block">inline-block</div>
<div class="block">block</div>

.inline {
  display: inline;
  background: yellow;
  font-size: 50px;
}

.inline-block {
  display: inline-block;
  background: green;
  width: 300px;
  height: 100px;
  font-size: 50px;
}

.block {
  display: block;
  background: red;
  font-size: 50px;
}

This Pen is owned by naon on CodePen.

See more by @hejnaon on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.