DIV+CSS一种简单的左边图片右边多行文字的布局

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.content a.left{ float:left;}
#yz{ margin-left:90px;}
</style>
</head>
    <body>
        <div class="content">
            <a class="left" href="" target="_blank"><img src="img/temp/008.jpg" width="80" height="80" alt="" /></a>
            <dl id="yz">
                <dt>
                    创建于：<span>2005-05-05</span>
                </dt>
                <dt>
                    园主：<a href="" target="_blank">username</a>
                </dt>
                <dt>
                    成员：<span>1234</span>
                </dt>
                <dt>
                    访问：<span>12345</span>
                </dt>
            </dl>
            <div class="clear-both"></div>
        </div>
    </body>
</html>