20px to em
20px = 1.25em
At the browser default font size of 16 px. Change it and this number changes — see below.
How it is calculated
One px is 0.0625em, so:
20px × 0.0625 = 1.25emReversing it, 1.25em × 16 returns 20px.
20px at other font sizes
em is measured against the element's own font size, inherited from its parent unless it sets one, so the answer above holds only while that is 16 px. Nested elements each compound on their parent, so this is the value for one level, not for the whole tree.
| Font size | 20px equals |
|---|---|
| 14 px | 1.4286em |
| 16 px (default) | 1.25em |
| 18 px | 1.1111em |
| 20 px | 1em |
| 24 px | 0.833333em |
Nearby values
| px | em |
|---|---|
| 10px | 0.625em |
| 12px | 0.75em |
| 14px | 0.875em |
| 16px | 1em |
| 18px | 1.125em |
| 20px | 1.25em |
| 24px | 1.5em |
| 28px | 1.75em |
Frequently asked questions
What is 20px in em?
1.25em at the default 16 px font size.
How is 20px converted to em?
Multiply by 0.0625: 20 × 0.0625 = 1.25. To go back, multiply 1.25 by 16.
Is 1.25em always the answer?
No. em is relative to the element's own font size, inherited from its parent unless it sets one, so 20px is 1.25em only while that is 16 px. The table above gives the value at the sizes you are most likely to meet.