文本'侦听'浮动元素在它下面，而不是同一行上的元素

Question

在Coda中，我的文本浮动div工作完美。文本和div都是1 em：

但是，一旦我在Chrome中查看同一个网站，文本现在会收听它下面的div，正如您所看到的那样，文字全部在一行：

这里有什么问题？ HTML / CSS：http://jsfiddle.net/u773M/2/

Answer 1

您的字体大小目前太大了。在锚点上设置较小的字体大小（不是列表项，因为这会改变步骤的大小）并添加将锚点设置为display：block。

如果没有适当的空间让字母展开，它们就会被切断并且无法正确渲染。

Answer 2

给文本区域或最大宽度（较新的浏览器）赋予宽度，浮动或显示这些将有助于跨浏览器实现 - 我之前遇到过类似的问题，你会发现ie7喜欢在文本上设置的宽度取决于周围的标记。