letter-spacing
is a useful CSS property that controls the spacing between letters. Generally speaking, this property is used very seldom and only to achieve certain effects on small portions of text (such as headings). However, as Mark Schenk did demonstrate, this property can also be used to control the justification of larger sections of text, such as paragraphs. Combined with the text-align
property, we can actually achieve good results, as shown in the following example:
h2 { font: normal 3em Georgia, serif; color: #d40; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; margin: 0; } p { line-height: 1.4; letter-spacing: 0.1em; text-align: justify; }
And this is the result:
As you can see, the results achieved are good and this proves the benefits of Mark Schenk's intuition.