css - 为宽度和高度创建灵活的布局

希望你们能帮助我。
我面临一些CSS布局问题。
我希望布局使用div具有与表一样的自动扩展宽度和高度效果。
我想要的效果与以下示例相同。宽度和高度的布局是动态的，并且内容全部在同一水平线上。

<table>
    <tr>
        <th>ipsum dolor sit amet</th>
        <td>
            <ul>
                <li>apple</li>
                <li>orange</li>
                <li>mango</li>
            </ul>
        </td>
    </tr>
    <tr>
        <th>ipsum</th>
        <td>
           <ul>
                <li>apple</li>
                <li>orange</li>
                <li>mango</li>
            </ul>
         </td>
    </tr>
</table>

是否可以仅使用CSS做到这一点？
感谢您的帮助，如果您可以给一些提示...

最佳答案

我建议您使用DIV来代替表格，表格不够灵活，当您在不同的浏览器上测试HTML页面时，您会遇到问题。

关于css - 为宽度和高度创建灵活的布局，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5948208/