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>

ipsum dolor sit amet

苹果
橙色的
芒果

乱数假文

苹果
橙色的
芒果

是否可以只使用CSS来实现？

---

感谢您的帮助，如果您能提供一些提示…

我建议您使用DIV而不是table，table不够灵活，当您在不同的浏览器上测试HTML页面时，您将面临问题

发布解决方案-这应该是一个评论。耶~我知道。。所以我想要使用div，但问题是我不知道如何创建与table相同的效果。我希望我的左侧内容具有相同的宽度，而不设置宽度。我的内部内容是动态内容，与中的内容高度相同。