Question

I have a float left image with a title and a small text on it’s right. My question is if there is a better way of writing it. I made a jsFiddle for this at http://jsfiddle.net/GjKTG/1/

this is the code without css

<div style="float: left;">
<div id="image">
<img src="http://b.dryicons.com/images/icon_sets/shine_icon_set/png/48x48/light_bulb.png">
</div>
<p class="title">Here goes a title</p>
<div id="text">here goes two or more lines for content
</div>
</div>

Thank you

Answer 1

Something like this perhaps? http://jsfiddle.net/SHFEb/

<div class="side-content">
    <img src="http://b.dryicons.com/images/icon_sets/shine_icon_set/png/48x48/light_bulb.png" />
    <h2>Here goes a title</h2>
    <p>here goes two or more lines for content</p>
</div>

.side-content{float:left}
.side-content img{float:left}
.side-content h2{color:#2D101F;font-family:georgia}
.side-content p{padding-bottom:20px;font-size:11px;line-height:13px}