如何显示用文本包围的 <div> 内联？

Question

我想内联显示一个<div> 元素，以便它被文本包围。

我的代码是：

<span>Here is some <div class="a"></div> text</span>

比方说，"a" 类定义如下：

.a {
    width:20px;
    height:20px;
    background-color:#f00;
}

结果应该是这样的：

可行吗？感谢您的任何建议。

Answer 1

有一个 CSS 属性 display: inline-block; 但我不知道它与浏览器的兼容性如何（在我的 FF 中可以正常工作）

我会为你做一些快速测试。

更新

我已经在 Chrome、FF 和 IE 中对其进行了测试。 适用于 IE8，而不是 IE7。 Chrome 和 FF 一样好

Answer 2

基本上只需添加display: inline-block; 您可能想稍后对其进行调整，但这应该适用于除 IE6 之外的任何地方