<p>ブロック</p>
<p>ブロック</p>
<p>ブロック</p>
<span>インライン</span><span>インライン</span>
<p>ブロック</p>
<span>インライン</span>
<p>ブロック</p>
<p>ブロック</p>
p {
  border: 1px solid #ff0000;
}
span {
  border: 1px solid #0000ff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.