Styled Boxes

HTML

<div class="box">
    <h2>Popular roofing materials</h2>

    <p><img src="http://www.nasa.gov/images/content/711375main_grail20121205_4x3_946-710.jpg" width="75 "hight="75">What most homeowners desire is a roof that's not too expensive, requires no maintenance, and lasts forever. But most roofs are replaced - or at least repaired - every ten years. By carefully choosing your home's roofing material, you can reduce the cost of replacement. In the long run, you'll use less building material, fill up less landfill space with discarded material, and put less demand on our natural resources.</p>
</div>

<div class="box"> 
    <h2>Composition shingles</h2>

    <p><strong>Composition shingles</strong> are a good choice for a clean look at an affordable price. Higher-quality versions made from asphalt or fiberglass shingles offer a more durable option and may be available with recycled content.</p>
</div>

CSS

.box { font-family: verdana; font-weight: normal; font-size:12px; border: 1px solid #0066CC; margin-bottom: 10px; } 
.box h2 { padding: 0px 10px; background-color:#0066CC; text-align:left; color:white; margin:0px;  font-size:12px;line-height: 28px; }
.box p { margin-bottom: 1em; padding: 0px 10px; }
p img{float:left;padding-right:10px;}