Css 如何显示<；部门>；被文本包围的内联？

我希望以内联方式显示

元素，以便它被文本包围

我的代码是：

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

结果应该是这样的：

---

这可行吗？谢谢你的建议。

有一个CSS属性

显示：内联块但我不知道它与浏览器的兼容性如何（在我的FF中运行良好）

我会给你做一些快速测试

更新

我已经在Chrome、FF和IE中进行了测试。
在IE8中工作，而不是在IE7中工作。Chrome和FF一样好，基本上只需添加
显示：内联块
您可能希望在之后对其进行一些调整，但这应该在除safari、chrome、opera、FF、IE8中的IE6之外的任何地方都可以使用，在IE6/IE7中都不起作用，尽管内联块在IE6/7中不起作用（或不正确工作），但如果您必须支持它们，则有一个黑客程序：
.a {
    width:20px;
    height:20px;
    background-color:#f00;
}