如何让p的宽度正好是内容文本的宽度？

Question

<div>
<p>
&lt;?php
$one = 1;
$two = 2;
echo $two;
?>
</p> 
</div>


 p{
 border:1px solid red;
 white-space:pre;
    }

显示结果

如何让p的宽度正好和里面内容的宽度一样宽？
width:200px;这种做法不行，如果内容区是400px，你就又要修改了。

Answer 1

要么换一个内联元素，比如说span，要么就给这个p加一个浮动样式，或者绝对定位样式、或者固定样式、或者内联元素样式，或者行内块元素。只要哦改变他不是块级元素即可，比如说加一个浮动

p{float:left;}

Answer 2

给p标签加个style display：inline-block;

Answer 3

给p标签加display:inline-block就可以了

Answer 4

首先，楼主要了解一下内联元素和块级元素的区别。
内联元素，就是不可设置宽高的元素，就是设置了也不生效，比如a、span等元素，但是可以通过display:block;浮动以及定位等一些方法将内联元素转换为块状元素。
块状元素，默认情况下单独占一行，可以设置宽高。当然了，块状元素也可以转为内联元素，方法是是设置display:inline;
那么现在就可以解决楼主的问题了，你想让p元素和里面的内容宽度相同，那么你要知道p是块状元素，那么只需要设置p元素的display值为inline就可以了p{display:inline;},然后p就成了内联元素了，内联元素的尺寸是随着里面的内容而变化的。

Answer 5

为什么一定用p,div可以解决p的样式