<h1 class="normal-text">Dogs</h1>
<p class="normal-text">
    <img class="img-border" src="http://cdn.sheknows.com/articles/2013/04/Puppy_2.jpg" />
    My dog's name is spot. She is my best friend. She likes to run and swim. 
</p>
<p>Here is a second paragraph where the style class has not been applied.</p>
<p class="blue-text">Here is a third paragraph where a different style class has been applied.</p>

/* created an image border class*/
.img-border {
    float: right;
    margin-left: 10px;
    border: solid 1px #CCC;
    padding: 5px;
    width: 200px;
}
/* created a text style class */
.normal-text {
    line-height: 28px;
    font-family: Arial;
    color: #666666;
}
/* created a different text style class */
.blue-text {
    color: #0052A3;
    font-weight: bold;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.