DL List Layout

Soldato
Joined
3 Apr 2007
Posts
9,984
Anyone know of a simple way of making a simple (Image | Text) layout with the DL tag? Here's what I have:

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.
 
Back
Top Bottom