Conversion Form

IN
EM

About the Unit

Inch (in): The inch (in) is an absolute unit of measurement representing a physical inch, equal to 2.54 cm. In CSS, using the inch unit is particularly useful when you are creating documents or layouts for print, such as paper templates or physical charts. Using the in unit ensures that the layout will be printed with the exact dimensions specified, regardless of the screen resolution or the device used to view the page. The inch is a standard measure in many printing systems, so it is crucial when you need to create documents that will be printed or exported to other physical formats like PDFs. However, for digital web design, relative units (like px, em, or rem) usually offer greater flexibility, though the in unit may be the best choice for documents that need to be converted to physical formats.

Pro Tip: in → em

Inches are used in print; use em for relative text sizes in web designs.

Quick Reference: Unit Conversion by Tens

INEM
10in10em
20in20em
30in30em
40in40em
50in50em
60in60em
70in70em
80in80em
90in90em
100in100em
110in110em
120in120em
130in130em
140in140em
150in150em
160in160em
170in170em
180in180em
190in190em
200in200em
210in210em
220in220em
230in230em
240in240em
250in250em

Live Unit Preview

See how different CSS units affect the size of the box below:

10px

10rem

10em

10%

10vw

10vh

Common Mistake

Be cautious when mixing in and em without testing on different screen sizes.

Real Code Example

/* Mobile-first card with in → em */
.card {
  padding: 0in;     /* undefinedem */
  font-size: 1.5rem;
  width: min(90vw, 40ch);
}
Unidade não encontrada.

Keyboard Shortcuts

  • Ctrl + C: Convert
  • Ctrl + I: Invert units
  • Esc: Reset values

More popular conversions