html动态边框元素

Question

无法找到整洁的解决方案。我们说我有一些文字，我想用一些边框包裹。

<p>Some Text</p>

我在css中所做的就是它绘制它的边界直到行的结尾，我只想在我的文本上这就是它。有一些整洁的解决方案吗？

Answer 1

你的元素是＆＃34;阻止＆＃34;默认情况下输入。您应该使用display css proprety来更改此元素的行为，以便仅在文本周围设置边框而不是所有页面。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

p标签上的显示内联块应该可以帮到您。 http://jsfiddle.net/qf7cs53v/

Answer 3

将width提供给p元素

http://jsfiddle.net/xu2f2Ldr/