html元素周圍的動態邊框

Question

無法找到整潔的解決方案..比方說，我有一些文字我想用一些邊框來包裝。

<p>Some Text</p> 

的事情是什麼，我在CSS做它吸引，直到行末的邊界，我希望它只是在我的文字，就是這樣。有一些簡潔的解決方案嗎？

Answer 1

.textborder { 
    border: 1px solid black; 
    display:inline-block; 
} 

在p標籤的顯示inline-block的應該做的伎倆爲您服務。 http://jsfiddle.net/qf7cs53v/

Answer 2

給一個width p元素

http://jsfiddle.net/xu2f2Ldr/

Answer 3

你的元素是 「塊」 通過默認類型。您應該使用css屬性來更改此元素的行爲，以便僅在文本週圍具有邊框，而不是全部頁面。

<p style = "display : inline; border : solid 1px black"> test </p>