<span class="inline1">これはインライン要素です</span>
<span class="inline2">これはインライン要素です</span>
<span class="inline3">これはインライン要素です</span>
* {
  margin: 0;   /* 初期化 */
  padding: 0;  /* 初期化 */
}

.inline1 {
  background-color: red;
  padding: 20px;
}
.inline2 {
  background-color: gray;
  padding: 20px;
}
.inline3 {
  background-color: blue;
  padding: 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.