如何設置包裝文本的背景？

Question

我需要爲包裝文本設置背景。 有沒有辦法通過css http://oi40.tinypic.com/ydlk4.jpg來獲得這種效果。

Answer 1

這裏是一個簡單的解決方案

http://jsfiddle.net/69RWL/

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

Answer 2

用<span></span>包裝你的文字。

或用<div></div>

演示添加display: inline-block：http://jsfiddle.net/uNjT6/1/

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; 

}