CSS
.sample-normal {
line-height: normal;
width: 400px;
padding: 5px;
border: 1px solid gray;
margin-bottom: 1em;
}
.sample-200 {
line-height: 200%;
width: 400px;
padding: 5px;
border: 1px solid gray;
margin-bottom: 1em;
}
HTML
<h5>normal</h5>
<div class="sample-normal">
この文章は、行の高さに normal を指定しています。
この文章は、行の高さに normal を指定しています。
この文章は、行の高さに normal を指定しています。
</div>
<h5>200%</h5>
<div class="sample-200">
この文章は、行の高さに 200% を指定しています。
この文章は、行の高さに 200% を指定しています。
この文章は、行の高さに 200% を指定しています。
</div>
表示
normal
この文章は、行の高さに normal を指定しています。
この文章は、行の高さに normal を指定しています。
この文章は、行の高さに normal を指定しています。
200%
この文章は、行の高さに 200% を指定しています。
この文章は、行の高さに 200% を指定しています。
この文章は、行の高さに 200% を指定しています。