Q15

課題 
<body>
<p id="sectionA">複数行の文章が一つのかたまりとして表示されている場合、行と行の間隔を「行間」と見なします。行間が狭いとたくさんの情報量を詰め込むことができますが、読みづらくなる場合があります。逆に行間を広くすると余白が確保されてゆったりとしたレイアウトになりますが、広すぎてスカスカに見えてしまうことがあります。見栄えだけでなく可読性にも影響する重要なものですが、CSSでは「行間」ではなく「行高」といいます。
</p>
<hr>
<p id="sectionB">複数行の文章が一つのかたまりとして表示されている場合、行と行の間隔を「行間」と見なします。行間が狭いとたくさんの情報量を詰め込むことができますが、読みづらくなる場合があります。逆に行間を広くすると余白が確保されてゆったりとしたレイアウトになりますが、広すぎてスカスカに見えてしまうことがあります。見栄えだけでなく可読性にも影響する重要なものですが、CSSでは「行間」ではなく「行高」といいます。
</p>
<hr>
<p id="sectionC">複数行の文章が一つのかたまりとして表示されている場合、行と行の間隔を「行間」と見なします。行間が狭いとたくさんの情報量を詰め込むことができますが、読みづらくなる場合があります。逆に行間を広くすると余白が確保されてゆったりとしたレイアウトになりますが、広すぎてスカスカに見えてしまうことがあります。見栄えだけでなく可読性にも影響する重要なものですが、CSSでは「行間」ではなく「行高」といいます。</p>
</body>

p {
  padding: 20px 15px;
  border: 1px solid #000000;
  width: 400px;
}
p#sectionA{
  line-height: 1.0;
}
p#sectionB{
  line-height: 1.5;
}
p#sectionC{
  line-height: 2.0;
}