<h1>Dogs</h1>
<p id="intro">
    <img id="dog" 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>

<div id="comments">
    <span>Note:</span> The second and third paragraphs have no style applied. Only tags that have an <span>id</span> attribute that matches the <span>#id</span> style attribute will have styles.
</div>

/* styles with a  # in front of them refer to specific ids in the HTML.*/
#dog {
    float: right;
    margin-left: 10px;
    border: solid 1px #CCC;
    padding: 5px;
    width: 200px;
}

#intro {
    line-height: 28px;
    font-family: Arial;
    color: #666666;
}

#comments {
    padding: 10px;
    background-color: #FFAD99;
}

span {
    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.