内嵌文本 - 带填充的背景颜色

我需要制作一个背景颜色不是块的标题（只有文本背景是彩色的）。

Here is an image of what I have to archieve:

这是我到目前为止所得到的：http://jsbin.com/tiwuquze/1/edit http://jsbin.com/tiwuquze/1/edit

你可以看到填充不正确，我不知道如何设置它。 当您使用填充时，您会发现它会重叠，并且第二行不会像第一行那样进入。

我对每一个提示都很高兴！

解决方案：

约翰·史密斯举了一个可行的例子：http://jsbin.com/tiwuquze/21/edit http://jsbin.com/tiwuquze/21/edit他曾经box-shadow模拟左侧填充。

更新得到了解决方案，使用盒子阴影：D

h1 {
    background-color: #FE8020;
    color: #FFFFFF;
    display:inline;
    white-space:pre-wrap;
    line-height : 24px;
    font-size: 18px;
    font-family:arial, sans-serif;
    padding: 5px;
    padding-left:0px;
    box-shadow: -16px 0 0 #FE8020; /* box shadow is emulating padding liek a charme */

}

对我来说这看起来不错

http://jsbin.com/tiwuquze/21/edit http://jsbin.com/tiwuquze/21/edit