Anyone know of a simple way of making a simple (Image | Text) layout with the DL tag? Here's what I have:
Can this be simplified/bettered?
Thanks.
Code:
dl {
margin-bottom:5px;
display: inline;
}
dl dt {
padding-bottom:10px;
float:left;
}
dl dd {
padding-bottom:10px;
margin:0px 5px;
width:200px;
float:left;
}
Code:
<dl>
<dt><img src="img.jpg" border="0" alt="" /></dt>
<dd><span>Title</span><br />
Text</dd>
</dl>
<br clear="both"/>
<dl>
<dt><img src="img.jpg" border="0" alt="" /></dt>
<dd><span>Title</span><br />
Text</dd>
</dl>
<br clear="both"/>
<dl>
<dt><img src="img.jpg" border="0" alt="" /></dt>
<dd><span>Title</span><br />
Text</dd>
</dl>
Can this be simplified/bettered?
Thanks.