对角列表中带有单选按钮的图像

Question

我正在尝试将所有图像放在水平滚动条中，并在图像下方使用单选按钮（最好）。我一直遇到下一个图像想要从单选按钮底部开始的问题。

代码http://jsfiddle.net/zVrq8/

的问题示例

我不明白这里发生了什么。

Answer 1

我为前两项做了。其余部分则相同：link

我做了什么，在float: left添加了li：

div#lasteventimg ul li{ 
    float:left;
}

只要li

中有空格，

这种方式就会li位于上一个ul旁边

我改变的第二件事是在HTML中，添加到图像和输入的单个li，还有<br />以在图像下方输入。{{1}}。还有其他方法可以做到这一点，但这似乎是最简单的。