Untitled

<html>
    <head>
        <style>
            p.one {
                font-family: arial, verdana, sans-serif;}
            p.two {
                font-family: times, "times new roman", serif;}
            p.three {
                font-family: courier, "courier new", monospace;}

            p.four {
                font-size: 300%;}
            p.five {
                font-size: 200%;}
            p.six {
                font-size: 100%;}

            p.seven {
                font-weight: normal;}
            p.eight {
                font-weight: bold;}

            p.nine {
                font-style: normal;}
            span.ten { <!-- Don't forget, the first element, in this case span, denotes what the class applies to -->
                font-style: italic;}

            span.eleven {
                color: #ff0000;}

            p.twelve {
                text-align: left;}
            p.thirteen {
                text-align: center;}
            p.fourteen {
                text-align: right;}

            span.fifteen {
                text-decoration: underline;}
            span.sixteen {
                text-decoration: line-through;}

            p.seventeen {
                text-indent: 3em;}

            p.none {
                text-transform: none;}
            p.capitalize {
                text-transform: capitalize;}
            p.uppercase {
                text-transform: uppercase;}
            p.lowercase {
                text-transform: lowercase;}
        </style>
    </head>
    <body>
        <p class="one">Here is some text in a sans-serif font.</p>
        <p class="two">Here is some text in a serif font.</p>
        <p class="three">Here is some text in a monospace font.</p>

        <br/>

        <p class="four">Wow, this is really big.</p>
        <p class="five">Wait, what's happening?</p>
        <p class="six">Oh no, I'm shrinking!</p>

        <br/>

        <p class="seven">Normal text</p>
        <p class="eight">Angry text!!!!</p>

        <br/>

        <p class="nine">Well this would be a good oppurtunity to introduce the <span class="ten">span element. Say hello span element!</span> Hi span element.</p>

        <br/>

        Here comes the <span class="eleven">RAGE!</span>

        <br/><br/>

        <p class="twelve">To the left, to the left</p>
        <p class="thirteen">Centrified</p>
        <p class="fourteen">Right on out the door</p>

        <br/>

        <p>So, I'm going to <span class="sixteen">talk</span> write this sentence out <span class="fifteen">immediately.</span></p>

        <br/>

        <p class="seventeen">This paragraph is indented to demonstrate the text-indent property.</p>

        <br/>

        <p class="none">This text has not been transformed.</p>
        <p class="capitalize">The first letter of each word will be capitalized.</p>
        <p class="uppercase">All of this text will be uppercase.</p>
        <p class="lowercase">ALL OF THIS TEXT WILL BE LOWERCASE.</p>
    </body>
</html>