<!DOCTYPE html>
<html>
<head>
<style>
p {
font-size: 16px;
line-height: 2em;
}
div {
font-size: 30px;
border: 1px solid black;
}
span {
font-size: 0.5em;
}
</style>
</head>
<body>
<p>これらの段落の行の高さは、2x16px = 32px と計算されます。</p>
<p>これらの段落の行の高さは、2x16px = 32px と計算されます。</p>
<p>これらの段落の行の高さは、2x16px = 32px と計算されます。</p>
<div>div要素のfont-sizeは30pxに設定されています。<span>div要素内のspan要素のfont-sizeは0.5emで、これは0.5x30 = 15pxに相当します</span>。</div>
