html水平两元素列表

我在表格的一个单元格中显示了一个名称列表，每个单元格之间都有一个空格。出于格式化的原因，我希望避免将每一个都放在自己的表单元格中。我现在想在每个名字上面放一个小头像或照片。显然，我可以将一个人作为

姓名…

，但使用
或显然会创建一个垂直列表，而不是水平列表。显然，我不能再使用空格了

是否有任何水平版本的

标签可以用来隔开人群

或者，有没有一种方法可以通过css实现这一点？我发现了一些关于使用float left并排放置图像的引用，但是，文本不在标记中。使用多个span标记似乎没有那么吸引人。这是我找到的img代码

.left{
    float:left;
    margin:0;
    padding:0;
}

---

使用以下CSS：

.horizontalList li {
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
}

您可以使通常显示为块的元素（即

、

等）内联显示。添加边距只是为了在每个元素之间留出一点空间

那么比如说,

<UL class="horizontalList">
    <LI><img src="img1.png"/>Person 1</LI>
    <LI><img src="img2.png"/>Person 2</LI>
    <LI><img src="img3.png"/>Person 3</LI>
    <LI><img src="img4.png"/>Person 4</LI>
</UL>

@奥兹：以后请。谢谢

.horizontalList img {
    display: block;
    margin-bottom: 10px;
}