22.06.2015 Views

o_19octlt3v29m1ul81r9513q81i4ra.pdf

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

120 Chapter 7<br />

To apply word and/or letter spacing, add spacing to the style= attribute for a specific tag.<br />

This text has increased letter spacing.<br />

You can also add spacing to a style rule in the style sheet.<br />

p {letter-spacing: 4px}<br />

In this exercise, you will increase the word and letter spacing for all paragraphs and<br />

headings in a document.<br />

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

in the Documents\Microsoft Press\HTML5 SBS\07Text\AdjustingSpacing folder. Open<br />

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

1. Examine the document in Internet Explorer. Note the overall look and the spacing<br />

between words and letters.<br />

2. In the section, create the following section:<br />

<br />

h1, h2, p {word-spacing: 1px; letter-spacing: 1px}<br />

<br />

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

Notice the spacing difference. It’s not very attractive, but it’s different. The difference<br />

is also enhanced by the fact that this document does not yet have the cascading<br />

style sheet applied to it.

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

Saved successfully!

Ooh no, something went wrong!