将一些图像排成一行

Question

这是我目前情况的图片: 替代文字http://grab.by/FUM 但我不希望图像在彼此之下,我希望它们在一条线上,一条直线水平线.这是我目前的代码:

<span title="Milestones" class="tl-icon">
<span class="tl-msg">
<span class="tl-msg-inside">
<div class="slice1"></div>
<div class="slice2"></div>
<div class="slice3"></div>
<div class="slice4"></div>
<div class="slice5"></div>
<div class="slice6"></div>
<div class="slice7"></div>
<div class="slice8"></div>
<div class="slice9"></div>
<div class="slice10"></div>
<div class="slice11"></div>
</span>

那么如何让所有图像都成直线呢？

Answer 1

尝试将图像浮动到左侧.例如:

.image {
    float: left;
}