ตัวอย่างสเกลตัวอักษร

หัวข้อและเนื้อหา

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
p  { font-size: 1rem; }
.note {
  font-size: 0.875rem;
  /* padding ที่ผูกกับขนาดตัวอักษรของ .note */
  padding-block: 0.5em;
}

ผลลัพธ์ที่คาดหวัง

หัวข้อใหญ่ชัด · เนื้อหาอ่านสบาย · หมายเหตุเล็กลงโดยยังสเกลตาม root