<div>
  <span class="inline">インライン要素</span>
  <br>
  <span class="inline-block">インラインブロック要素</span>
</div>
div{
  text-align:center;
  color:#fff;
}

.inline{
  background-color:#f00;
}

.inline-block{
  display:inline-block;
  background-color:#f00;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.