html - 水平无序列表

Question

我可以在 5 秒内用表格完成此操作，但我试图通过使用 CSS 来避免它，在 FF 中看起来不错，但问题是它在 IE 中不起作用(第二个 li 出现在第一个 li 的下面)

<ul style="list-style-type:none; margin:0px; padding:0px">
   <li style="width:120px; display:table-cell; padding: 1px;"><?=$m['make']?></li>
   <li style="width:30px; display:table-cell;  padding: 1px;"><input id="changemanufacturer" type="checkbox"></li>
</ul>

Answer 1

不要使用表格单元格。做:

<li style="width:120px; display:inline; float:left;">Boo!</li>

当然，您应该将 CSS 放在外部，但我认为这只是为了简化问题。