将表格单元格中的所有子元素对齐

Question

是否有任何方法来对齐表格单元格的子div内的所有子元素。 这是我的代码：

<td> 
    <div class="tablechild">310.2 
      <span class="subitem">01:10 PM</span> 
    </div> 
</td> 

Answer 1

使用

<td style="text-align:right"> 
    <div class="tablechild">310.2<br/> 
     <span class="subitem">01:10 PM</span> 
    </div> 
</td> 

Answer 2

.tablechild { 
    position: relative; 
} 
.tablechild .subitem { 
    position: absolute; 
    display: inline-block; 
    right: 0; 
    width: 80px; 
    text-align: right; 
}