html – CSS：在自动调整表格单元格中并排显示两个div

我在表格单元格中有2个div.我希望左手div根据它的内容调整大小,我希望右手div能够向右浮动.两者都应垂直居中.

表格单元格自动调整如下：

<td style="width: 1px;">
   ...
</td>

Here is a fiddle

解决方法

添加display：table-cell并从两个div中删除float并从td中删除width

.left{
    font-size: 2em; 
    line-height: 1.4;
    background: #FFCC66; 
    display:table-cell
}
.right{
    background: #CCFF66;
    display:table-cell; 
    vertical-align:middle
}

DEMO