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>