From b58f97ae8b12afbfd43d38f07d91d75e90dd3d1b Mon Sep 17 00:00:00 2001 From: Richard Rutter Date: Fri, 14 Dec 2018 11:58:32 +0000 Subject: [PATCH] Update 2.2.1.html tweaked copy to remove 'bad example' language and explain the downsides leavding the reader to decide whether it's bad for them or not --- items/2.2.1.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/items/2.2.1.html b/items/2.2.1.html index fe84505..fe2f644 100644 --- a/items/2.2.1.html +++ b/items/2.2.1.html @@ -8,9 +8,9 @@ line-height: 15pt; } -

However that example is bad as line-height should never be applied using absolute units such as points or pixels. In the prior example, when text is resized in a browser, the font-size increases (to 18 pt for example) but the line-height may remain at 15 pt. So instead of the lines being spaced apart, they would actually overlap.

+

That example will give you the same line-height throughout all your paragraphs, however it does introduce the danger that, when the browser text size is increased by your reader (to 18 pt for example) the line-height may remain at 15 pt. The result being that, instead of the lines being spaced apart, they would actually overlap.

-

A better approach is to use a unitless value. The preceding example could also be coded as:

+

A safer approach is to use a unitless value. The preceding example could also be coded as:

p {
   font-size: 12pt;