如何为包装文本设置背景？

Question

我需要为包装文本设置背景。 有没有办法通过css http://oi40.tinypic.com/ydlk4.jpg获得此效果。

Answer 1

将文字换成<span></span>。

或使用display: inline-block

添加<div></div>

演示：http://jsfiddle.net/uNjT6/1/

Answer 2

这是一个简单的解决方案

http://jsfiddle.net/69RWL/

a {
    display:inline;
    color:white;
    padding:5px 0px;
    line-height:30px;
    background:black;
    font-size:18px;
    text-decoration:none;
}

Answer 3

只需将display: inline;用于你的元素，无论它是div还是p等等。

Answer 4

p {
    /* like this */
    padding: 1px 0;
    /* or */
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: black;
    display: inline;
    color: #fff;

}