Html 如何制作左边有图像，右边有两个列表项的无序列表

所以我有一个像这样的无序列表

<ul>
    <li>image.jpg</li>
    <ul>
        <li>name</li>
        <li>description</li>
    </ul>
</ul>

image.jpg

名字
描述

---

我想把图片放在左边，还有名字和描述（一个在图像右侧的另一个下方。是否可以这样做。我已尝试将li>ul>li设置为显示块，并将之前的ul设置为内联显示。还尝试了浮动。有没有简单的方法可以做到这一点？

不确定这是否是您想要的，但请在css中尝试：

li, ul, ul ul {
    float: left;
}
ul ul li {
    float: none;
}

---

您正在寻找类似的内容吗？可能的话，我尝试使用列表项。我需要将两个列表项直接放在图像的右侧。描述应该只有几个字。在列表中使用div有什么问题？您可以这样做吗？