Untitled

<!doctype html>
<html>
<head>
    <title>Learning CSS</title>

    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

   <style type="text/css">

        .large {
            font-size:200%;
        }

        #green {
            color:green;
        }

        .underline {
            text-decoration:underline;
        }

        .bold {
            font-weight:bold;
        }

        .purplebox {
            background-color:#8904B1;
            width:200px;
            height:200px
            position:relative;
            left:100px;
        }

        .greenbox {
            background-color:#01DF01;
            width:300px;
            height:100px;
        }


    </style>

</head>

<body>

    <div class="purplebox">

        <p class="large">This is some text.</p>

    </div>

    <div class="greenbox">

        <p id="green" class="large">This is some more text.</p>

    </div>

    <div class="clear"></div>

    <p>The third <span class="underline large bold">word</span> in this paragraph is underlined.</p>

</body>
</html>