html 中table 里的内容怎么与对齐

html 中table <td>里的内容如何与<th>对齐
这是我现在的效果
统计点  统计标识   统计值   时间  
开始 start  1                          2014-09-13
结束 end 2  
操作 operation 3     
（这是一条数据）
 开始 start  1                          2014-09-14
结束 end 2  
操作 operation 3                       


这是我要达到的效果
统计点  统计标识   统计值   时间  
开始      start           1            2014-09-13
结束      end            2            
操作      operation  3

开始      start           1            2014-09-14
结束      end            2  
操作      operation  3     

由于其他问题，我只在一个<td>中拿了三个值，但这三个值我无法与上面的表头行对齐，求各位大神帮我看看，怎么实现对齐呀？我不能将那三个数据分别<td>

 <table class="table table-hover">
<thead>
     <tr>
<th>统计点</th>
<th>统计标识</th>
<th>统计值</th>
<th>时间</th>
     </tr>
<thead>

<tbody>
#foreach($data in $!{listData})
<tr > 
<td  colspan="3">
#foreach($md in $!{data.mapData})
$!{md.keyCNName}
                                                                $!{md.keyId}
                                                               $!{md.keyValue}<br>
#end
</td>  
         <td>#DATE($!{data.timestamp})</td>
                              </tr>
  #end
<tbody>

  </table> 
------解决思路----------------------
去掉  colspan="3" 每个值占用一个td
------解决思路----------------------
那么出于同样的原因，你的标题也不要分别放在3个th中