body {
font-size: 12px;
font-family: Georgia, serif;
}
p {
font-size: 1em; /* 12px */
line-height: 1.5000em; /* 18px */
margin: 0 0 1.5000em 0;
}
/* 24px - The quick brown fox jumps over the lazy dog */
.class-for-24px {
font-size: 2.0000em; /* 24px */
line-height: 1.5000em; /* 36px */
margin-top: 0.7500em; margin-bottom: 0.0000em;
}
/* 22px - The quick brown fox jumps over the lazy dog */
.class-for-22px {
font-size: 1.8333em; /* 22px */
line-height: 1.6364em; /* 36px */
margin-top: 0.8182em; margin-bottom: 0.0000em;
}
/* 20px - The quick brown fox jumps over the lazy dog */
.class-for-20px {
font-size: 1.6667em; /* 20px */
line-height: 1.8000em; /* 36px */
margin-top: 0.9000em; margin-bottom: 0.0000em;
}
/* 18px - The quick brown fox jumps over the lazy dog */
.class-for-18px {
font-size: 1.5000em; /* 18px */
line-height: 1.0000em; /* 18px */
margin-top: 1.0000em; margin-bottom: 0.0000em;
}
/* 16px - The quick brown fox jumps over the lazy dog */
.class-for-16px {
font-size: 1.3333em; /* 16px */
line-height: 1.1250em; /* 18px */
margin-top: 1.1250em; margin-bottom: 0.0000em;
}
/* 14px - The quick brown fox jumps over the lazy dog */
.class-for-14px {
font-size: 1.1667em; /* 14px */
line-height: 1.2857em; /* 18px */
margin-top: 1.2857em; margin-bottom: 0.0000em;
}