菜鸟的一个css的问题

下面的CSS显示的一行一列
请教如何实现4行4列。谢谢 .search_member { height:96px; min-height:96px; padding:8px; clear:both; border-bottom:1px dotted #ccc; }
.search_member dt{ float:left;}
.search_member dt img{ height:90px; width:90px; padding:1px; border:1px solid #dcdcdc;}
.search_member dd{ float:right; height:30px; line-height:30px; width:640px;}
.search_member dd em{ font-style:normal; color:#999;padding-left:10px;}

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

search_member dt{ float:left;}
应该是这行，但我不知道怎么写。
请高手指教谢谢
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
.search_member { height:96px; min-height:96px; padding:8px; clear:both; border-bottom:1px dotted #ccc; }
.search_member dl{}
.search_member dt{ float:left;}
.search_member dt{ height:90px; width:100%; padding:1px; border-bottom:1px solid #dcdcdc;}
.search_member dd{ float:right; height:30px; line-height:30px; width:640px;}
.search_member dd em{ font-style:normal; color:#999;padding-left:10px;}</style>
</head>
<body>
<div class="search_member">
<dl><dt>hello word</dt></dl>
<dl><dt></dt></dl>
<dl><dt></dt></dl>
<dl><dt></dt></dl>
</div></body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
.search_member { height:96px; min-height:96px; padding:8px; clear:both; border-bottom:1px dotted #ccc; }
.search_member dl{}
.search_member dt{ float:left;}
.search_member dt{ height:90px; width:100%; padding:1px; border:1px solid #dcdcdc;}
.search_member dd{ float:right; height:30px; line-height:30px; width:640px;}
.search_member dd em{ font-style:normal; color:#999;padding-left:10px;}</style>
</head>
<body>
<div class="search_member">
<dl><dt>hello word</dt></dl>
<dl><dt></dt></dl>
<dl><dt></dt></dl>
<dl><dt></dt></dl>
</div></body>
</html>
感谢楼上的大虾热心帮助。
可我想要的不是静态的
<dl><dt>hello word</dt></dl>
<dl><dt></dt></dl>
<dl><dt></dt></dl>
<dl><dt></dt></dl>
下面的这些代码是我想要实现4行4列的内容。
烦请大虾能再指教一下，感激不尽!!!!!<dl class="search_member">
<dt>
<a href="{$MODULE[member][url]}view.php?userid={$v[userid]}" title="{$v[username]}" target="_blank"><img src="{avatar($v[userid])}" alt="{$v[username]}"  target="_blank"/></a>
<br>
专家：<a href="{$MODULE[member][url]}view.php?userid={$v[userid]}" class="name"><span style="color:red">{$v[username]}</span></a>
</dt>
</dl>
整体代码应该是这样{loop $data $k $v}
<dl class="search_member">
<dt>
<a href="{$MODULE[member][url]}view.php?userid={$v[userid]}" title="{$v[username]}" target="_blank"><img src="{avatar($v[userid])}" alt="{$v[username]}"  target="_blank"/></a>
<br>
专家：<a href="{$MODULE[member][url]}view.php?userid={$v[userid]}" class="name"><span style="color:red">{$v[username]}</span></a>
</dt>
</dl>
{/loop}
这个才是真正要显示的页面{template 'phpcms','header'}
<style type="text/css">

</style>
  <div id="right">
  <div class="modellist_2">
    <h3>{$MODEL[$modelid][name]}</h3>
{tag_按模型列出用户}
</div>
</div>
{template 'member','footer'}