body { font-size: 10px; font-family: Verdana, sans-serif; } p { font-size: 1em; /* 10px */ line-height: 1.8em; /* 18px */ margin: 0 0 1.8em 0; }
/* 24 - The quick brown fox jumps over the lazy dog */
you-got24px { font-size: 2.4em; /* 24px */ line-height: 1.5em; /* 36px */ margin-top: 0.75em; margin-bottom: 0em; }
/* 22 - The quick brown fox jumps over the lazy dog */
you-got22px { font-size: 2.2em; /* 22px */ line-height: 1.6364em; /* 36px */ margin-top: 0.8182em; margin-bottom: 0em; }
/* 20 - The quick brown fox jumps over the lazy dog */
you-got20px { font-size: 2em; /* 20px */ line-height: 1.8em; /* 36px */ margin-top: 0.9em; margin-bottom: 0em; }
/* 18 - The quick brown fox jumps over the lazy dog */
you-got18px { font-size: 1.8em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; }
/* 16 - The quick brown fox jumps over the lazy dog */
you-got16px { font-size: 1.6em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; }
/* 14 - The quick brown fox jumps over the lazy dog */
you-got14px { font-size: 1.4em; /* 14px */ line-height: 1.2857em; /* 18px */ margin-top: 1.2857em; margin-bottom: 0em; }
/* 12 - The quick brown fox jumps over the lazy dog */
you-got12px { font-size: 1.2em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; }