如何显示文本周围的<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一样