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.

90 Chapter 6<br />

6. In Notepad, in the section, modify the style so that the lines are red, 50%<br />

of the browser window in width, 10 pixels in height, and left-aligned, as follows:<br />

<br />

hr {<br />

color: red;<br />

background-color: red;<br />

height: 10px;<br />

width: 50%;<br />

text-align: left;<br />

}<br />

<br />

Note Notice that you use the text-align attribute to align the horizontal line, even<br />

though it is not text. That’s because there is no separate alignment attribute for elements<br />

that do not contain text.<br />

7. Save the file, and then refresh the Internet Explorer display.<br />

The appearance of both lines has changed.<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!