    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>em과 rem 비교하기</title>
    </head>
    <body style="font-size: 16px">
      <div style="font-size: 1.4em">1.4em: 16px * 1.4 = 22.4px
        <div style="font-size: 1.4em">1.4em: 22.4px * 1.4 = 31.36px
          <div style="font-size: 1.4em">1.4em: 31.36px * 1.4 = 43.9px</div>
        </div>
      </div>
      <hr>
      <div style="font-size: 1.4rem">1.4rem: 16px * 1.4 = 22.4px
        <div style="font-size: 1.4rem">1.4rem: 16px * 1.4 = 22.4px
          <div style="font-size: 1.4rem">1.4rem: 16px * 1.4 = 22.4px</div>
        </div>
      </div>
    </body>
    </html>