<div>
  <p>ボックスとはすべての要素がもつ長方形の領域のこと</p>
  <ul>
    <li>かなり<em>重要な概念</em>である</li>
    <li>この赤い線がボックスである</li>
    <li>慣れてくるとこの線が見えるようになります</li>
  </ul>
</div>
* {
  border: 1px solid #ff0000;
}
em {
  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.