背景颜色跟随更多行的文本

Question

我想让我的背景跟随每行的文字宽度。因此，我希望背景颜色不是跟随框，而是跟随每行的文本宽度。

E.g：

--------------
| This is    |
| the normal |
| behaviour. |
--------------

-----------
| This is |____
| what I want |
| to happen |
-------------

这在CSS中是否可行？

Answer 1

你可以做这样的事，但这很丑陋

<span>sad asda sdas</span>
<span>sad asda sdas sadsd ad s</span>

CSS

span {
    background: green;
    padding: 0;
    margin: 0;
    clear: both;
    float: left;
}

http://jsfiddle.net/zz7z2/

Answer 2

我有一个更简单的解决方案：

p {
    background: red;
    display:inline;
}

在这里小提琴：http://jsfiddle.net/zz7z2/2/