Setting Text Options


The next step is to center the heading, make it uppercase, and add some letter spacing. This can be achieved using the text-transform, text-align, and letter-spacing properties as shown in Listing 8.4 and illustrated in Figure 8.1. These options can be changed to suit your needs.

Listing 8.4. CSS Code Transforming Text
h1#header {     color: #036;     font-size: 120%;     font-weight: normal;     text-transform: uppercase;     text-align: center;     letter-spacing: .5em; } 

Figure 8.1. Screenshot of uppercase, centered heading.





Sams Teach Yourself CSS in 10 Minutes
Sams Teach Yourself CSS in 10 Minutes
ISBN: 0672327457
EAN: 2147483647
Year: 2005
Pages: 234
Authors: Russ Weakley

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net