html - 如何制作无序列表，左侧有图像，右侧有 2 个列表项

Question

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

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

我想在左侧显示图像，在图像右侧显示名称和描述(一个在另一个下方。是否可以这样做。我尝试将 li > ul > li 设置为显示 block 和之前的 ul 显示内联。也尝试过 float 。有没有简单的方法可以做到这一点？

Answer 1

不确定这是否是您想要的，但请在您的 CSS 中试试:

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

http://jsfiddle.net/Cf3EY/