How do I make 1em smaller than 16px?

Design help General
3

Yep, and in traditional css (not that this really applies when using webflow, but a tip nonetheless) once the “default” size is defind, you don;t even need to use em in the rule. For example:

body {
font-size 14px;
line-height: 1.5; /* this equals 21px because it is based on the previously defined (or inherited) font-size */
}

p {
font-size: 1.5; /* this also equals 21px because it is still based on the inherited font size of the body elelment */
line-height: 1; /* this now references the font-size defined in this class, so it is also 21px; */
}

span {
font-size: .5; /* this equals 7px */
line-height: 2; /* this equals 14px (i.e. 200% of .5) */
}
2 Likes