CSS Text

Some of the declarations used for some of these inline CSS styling may seem unfamiliar, but it has been put here just to give you some idea of how to code some amazing text formatting:

HTML file: Displayed by browser:
<div style="width:100%;border:1px solid gray;padding:8px;">
<h1 style="text-align:center;text-transform:uppercase;color:#A7C942;">text formatting</h1>
<p style="text-indent:50px;text-align:justify;letter-spacing:3px;">
This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the
<a style="text-decoration:none" target="_blank" href="text_hey.html">"Try it yourself"</a> link.
</p>
</div>

text formatting

This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the "Try it yourself" link.

Okay, onwards to learning how to do this stuff!

Back buttonTable of ContentsNext button