10.07.2017 Views

246996016-HTML5-Step-by-Step

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

138 Chapter 8<br />

p {line-height: 150%}<br />

To specify the same formatting in an individual tag, use the following:<br />

<br />

In this exercise, you will change the line height of certain elements <strong>by</strong> editing the<br />

embedded style sheet.<br />

SET UP Use the spray.htm file in the practice file folder for this topic. This file is<br />

located in the Documents\Microsoft Press\<strong>HTML5</strong> SBS\08Paragraphs\Indenting<br />

folder. Open the spray file in Notepad and in Internet Explorer.<br />

1. In the area, modify the style rule for the tag <strong>by</strong> setting the line height<br />

to 150%.<br />

p {text-indent: 20px; padding-left: 20px; text-indent: 20px; text-align:<br />

justify; line-height: 150%}<br />

2. Create a style rule. Set the line height of list items to 125%.<br />

li {line-height: 125%}<br />

3. Save the file, and then refresh the Internet Explorer display to see the results.<br />

CLEAN UP Close the Notepad and Internet Explorer windows.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!