使用css2兼容性复制此文本效果

Question

我想用css2复制以下文字高亮效果。图片右侧的文字“Cocktail Flow” 此外，一个基本需求是它应该允许将文本包装为2-3行。

我使用的是以下css，但无法提供所需的结果。

    background-color: red;
    display: inline;
    line-height: 24px;
    padding: 5px;

Answer 1

<div><h1>lorem ipsum dolor sit amet lorem ipsum
dolor sit amet lorem ipsum dolor sit amet</h1></div>

div { max-width: 200px; font-size: 20px }
div h1 { background: red; display: inline; margin: 0; padding: 3px; line-height: 1.5em; color: white; *zoom: 1 }

这是jsFiddle