ตัวอย่างสเกลตัวอักษร
หัวข้อและเนื้อหา
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