如何显示用文本包围的<div>内联？</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以外的所有地方