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

Question

有没有办法将div中的所有子元素对齐，而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;
}