我有一个视觉元素，称为“计划”，在html页面中列出。每个“计划”都有一张小桌子和一张图片，我想并排展示。没有任何样式，它看起来像这样：http://jsfiddle.net/DCTwd/1/
我以为我可以在表格和图像中使用float: left使它们显示在同一行中，但这是行不通的。在float: left内不能使用li吗？其他我怎么能做到这一点？
最佳答案
当float:left;是您最好的朋友时，无需古老的display:inline-block;！
your updated jsFiddle。这是一个过于简单的示例，因此您的实际CSS应该包含基于类的CSS，而不是基于元素的CSS，但这很重要。
请注意zoom:1; *display:inline;对于IE7-的后备，以及vertical-align:middle;对于美学的后备。您也可以使用top或bottom，适合您的任何方式。