<section class="block">
  <header>Block</header>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
</section>

<section class="inline-block">
  <header>Inline-block</header>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
</section>

<section class="inline">
  <header>Inline</header>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
  <div>Bonbon liquorice tiramisu toffee macaroon.</div>
</section>
@import url(https://fonts.googleapis.com/css?family=Happy+Monkey|Lemon);

body {
  font-family: "Happy Monkey";
  line-height: 1.5;
}

section {
  padding: 1em;
}

header {
  font-family: "Lemon";
  margin-bottom: 1em;
}

.block {
  background: blanchedalmond;
  div {
    border: 1px dashed chocolate;
  }
}

.inline-block {
  background: mistyrose;
  div {
    display: inline-block;
    border: 1px dashed firebrick;
  }
}

.inline {
  background: lemonchiffon;
  div {
    display: inline;
    border: 1px dashed darkgreen;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.