# em unit

The `em` relative unit sets a font size of a child element based on the size of its parent. For example, a font equal to `2em` means that it is twice the size of its parent.

## Example

Let's give the text of the `<p>` element a font one and a half times larger than the font of its parent `<div>`:

`<div> text1 <p> text2 </p> </div>` `div { font-size: 14px; } p { font-size: 1.5em; }`

:

## See also

- the `px` unit
  that specifies a size in pixels
- the `fr` unit
  that specifies a size in fr
- the `rem` unit
  that specifies a size in rem
- the `%` unit
  that specifies a size in percentage
- the `vw` unit
  that specifies a size in vw
- the `vh` unit
  that specifies a size in vh
- the `vmax` unit
  that specifies a size in vmax
- the `vmin` unit
  that specifies a size in vmin

← →
↑
en ru