如何仅将CSS样式应用于块级元素的文本内容？

Question

我想实现这个演示文稿：

红色背景的标题是H1元素。目前，我使用此HTML代码实现此演示文稿：

<h1><em>Some title</em></h1>

因此，我将标题包装在EM元素（这是一个内联元素）中，然后设置该元素的样式。

现场演示： http://jsfiddle.net/jZeVw/

这样可行但如果我不被迫使用这样的代理元素来设置我的H1标题，我会更高兴。所以，我想要这个HTML代码：

<h1>Some title</h1>

以上演示文稿应仅使用CSS实现。可以这样做吗？

重要事项：标题文字的左侧和右侧必须有3px填充，此空间必须填充所需的背景颜色（在本例中为红色）。

此外，该解决方案不需要在IE8或其他后向浏览器中工作。如果它适用于最新的Firefox，Chrome，Safari ......我很好。

---

免责声明：正如我经常提到的那样，我在写这个问题时找到了解决问题的方法（我有点像黑客）。但我仍然发布这个 - 我希望看到你的想法......：）

Answer 1

这个怎么样：http://jsfiddle.net/jZeVw/1/

即：将h1设为display: inline-block;