我正在做一个网络应用程序。
我希望使用以下html显示错误消息：
<div><i class="icon-remove-sign"></i> Error message (could take a few more lines)</div>
我想在此“列”中显示错误消息，而不是在icon-remove-sign下包装。如果不使用基于表格的设计，我该怎么办？
我尝试了不同的css规则，但错误文字要么包含在icon-remove-sign下面，要么包含在第二行（在icon-remove-sign下面）。
感谢您的帮助！
问候。
答案 0 :(得分：6)
nowrap应该这样做：
white-space:nowrap;
以及icon-remove-sign元素的高度。
如果它不起作用，也许你可以发布你的其余CSS。
答案 1 :(得分：2)
从您的问题看来，您似乎不想更改HTML代码，但我不确定这是否可行。
但是，如果添加包装错误消息的div，则可以通过多种方式实现所需的结果。
例如，在图标和错误消息上使用display: inline-block;：
http://jsfiddle.net/jasongennaro/SK9ad/（摘自https://stackoverflow.com/a/7005083/852765）。
请注意，内联块在IE7及更低版本中的支持有限。
在图标上使用float: left并在错误消息上使用margin-left的另一个示例：http://jsfiddle.net/bxHnM/