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 Texth1#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.
|