Adding and Formatting Text - New Perspectives on Adobe Dreamweaver CS5, Comprehensive - page 154

◗

5. In the Design pane, scroll to the bottom of the page, select Rumor Has It , and
then, in the Code pane, examine the code surrounding the selected text. The class
style information is inserted into a span tag because the paragraph tag that sur-
rounds the subheading also surrounds the following paragraph text, but the style
is applied to only the heading. See Figure 3-27.

Figure 3-27 Class style applied with a span tag

opening spa n tag
with class information

sel e cted text

opening
paragraph tag

closing paragraph tag

span tag with the
custom style name
in the status bar properties for the

CSS rule applied to
the selected text

◗

6. In the Design pane, scroll to the top of the page, select the navigation text, and
then, in the Code pane, examine the code surrounding the selected text. The ID
style information is inserted into the span tag again. See Figure 3-28.