html - 图像图标旁边的顶部对齐文本

我如何使这段HTML正常工作，使文本垂直对齐图像图标的顶部并继续环绕在下面？

这是我到目前为止的内容：

<div style="width:300px;">
        <i class="icon-twitter icon-4x"></i> <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet, consectetur adipiscing elit adipiscing elit adipiscing elit adipis Lorem ipsum dolor dolor</span>
    </div>

http://jsfiddle.net/xe9zD/

任何帮助深表感谢。

谢谢

最佳答案

如果您使用的是默认的引导CSS，则它将包括可左右浮动的帮助程序类。如果将左向类添加到图标，它将向左浮动。

<i class="icon-twitter icon-4x pull-left"></i>

编辑：并且这也给它一个不错的边距，因此它不会与文本对接。它是字体真棒css文件的一部分。

关于html - 图像图标旁边的顶部对齐文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16716752/