使用div作为显示的表：table和display：table-cell不能正确显示

Question

我正在尝试使用div创建一个表，但无法正确显示。这就是我得到的：the second cell isn't aligned with the first one。我尝试了所有内容，但无法正常工作。

这是我的代码：

<div style="display: table; width:100%">
    <div style="display: table-cell;">
        <img src="" style="width:400px;">                                    
    </div>  
    <div style="display: table-cell;">
        Lorem ipsum dolor            
    </div>
</div>

Answer 1

<div style="display: table; width:100%">
    <div style="display: table-cell;">
        <img src="" style="width:400px;">                                    
    </div>  
    <div style="display: table-cell; vertical-align: top;">
        Lorem ipsum dolor            
    </div>
</div>

在第二个div中使用“ vertical-align：top;”属性。