如何在左侧显示带有图像的无序列表,在右侧显示2个列表项

时间:2014-07-21 20:09:15

标签: html css

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

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

我想在左侧显示图像以及名称和描述(图像右侧下方的一个图像。是否可以执行此操作。我已尝试设置li&gt; ul&gt; li's在显示内联显示之前显示块和ul。还有试过浮动。有没有一种简单的方法可以做到这一点?

1 个答案:

答案 0 :(得分:0)

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

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

http://jsfiddle.net/Cf3EY/