css html grid

 <style>
.grid{overflow:hidden;border-top:#cc880c 1px solid;border-right:#cc880c 1px solid;font-size:13px}
.grid td{line-height:25px;border-bottom:#cc880c 1px solid;border-left:#cc880c 1px solid;}
.grid div{overflow:hidden;height:25px;padding:0 3px}
fieldset{border:#cc880c 1px solid;font-size:13px;margin-bottom:10px}
fieldset div{padding:5px}
legend{text-align:left}
 </style>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <fieldset>
        <legend align='left'>查询</legend >
        <div>
            Keywork：<input type="text" name="">
            <input type="button" value=" Search">
        </div>
    </fieldset>

     <table  class='grid' cellpadding=0 cellspacing=0>
         <tr>
            <td width=20%><div>删掉法律的开始减肥了世界的克里夫是打开了附件了上看到家富商大贾分开了多少积分看粮食店街翻开历史的分开了的时间分开了谁都快疯了就圣诞快</div></td>
            <td width=30%><div>删掉法律的开始减肥了世界的克里夫是打开了附件了上看到家富商大贾分开了多少积分看粮食店街翻开历史的分开了的时间分开了谁都快疯了就圣诞快</div></td>
            <td width=50%><div>删掉法律的开始减肥了世界的克里夫是打开了附件了上看到家富商大贾分开了多少积分看粮食店街翻开历史的分开了的时间分开了谁都快疯了就圣诞快</div></td>
         </tr>
         <tr>
            <td width=20%><div>删掉法律的开始减肥了世界的克里夫是打开了附件了上看到家富商大贾分开了多少积分看粮食店街翻开历史的分开了的时间分开了谁都快疯了就圣诞快</div></td>
            <td width=30%><div>删掉法律的开始减肥了世界的克里夫是打开了附件了上看到家富商大贾分开了多少积分看粮食店街翻开历史的分开了的时间分开了谁都快疯了就圣诞快</div></td>
            <td width=50%><div>删掉法律的开始减肥了世界的克里夫是打开了附件了上看到家富商大贾分开了多少积分看粮食店街翻开历史的分开了的时间分开了谁都快疯了就圣诞快</div></td>
         </tr>
     </table>