18px in rem · 16px root
1.125 rem
rem = px ÷ root font size — shown here at the browser default root font size of 16px.
18px at every root font size
| Root font size | 18px equals | CSS |
|---|---|---|
| 10px | 1.8rem | font-size: 1.8rem; |
| 12px | 1.5rem | font-size: 1.5rem; |
| 14px | 1.28571rem | font-size: 1.2857rem; |
| 16px default | 1.125rem | font-size: 1.125rem; |
| 18px | 1rem | font-size: 1rem; |
| 20px | 0.9rem | font-size: 0.9rem; |
Converter
—
Nearby values
| px | rem | |
|---|---|---|
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | this page |
| 20px | 1.25rem | |
| 22px | 1.375rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem |
Questions
What is 18px in rem?
18px = 1.125rem at the browser default root font size of 16px. rem = px ÷ root font size.
What is 18px in rem at a different root size?
At 10px root: 1.8rem. At 12px root: 1.5rem. At 14px root: 1.2857rem. At 16px root: 1.125rem. At 18px root: 1rem. At 20px root: 0.9rem.
How is 18px calculated?
rem = px ÷ root font size. Here: 18 ÷ 16 = 1.125.
All px values
4px8px10px12px14px16px20px22px24px28px32px36px40px44px48px56px64px72px80px88px96px100px112px128px144px160px192px256px
Computed from the CSS Values and Units specification. See the full px to rem table.