html - テーブル セルの div 内のすべての子要素を揃えます

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;
}