我有以下几点：
<p>This is a test</p>
<pre>public class Car {
protected Car() { }
protected Car(int speed) { }
protected void Car() { }
}</pre>
<p>Another line</p>
和
pre {
font-family: monaco,consolas,"courier new",monospace;
font-size: 1em;
min-height: 3em;
overflow: auto;
padding: 1em;
xwidth: 80%;
background-color: red;
}
当文本显示< pre>背景变成页面的全部宽度.我有一个演示：
我想要的是红色背景停止在我的代码最正确的字符之后.我不想看到一个大的红色区域从页面的一侧延伸到另一侧.
有人可以告诉我是否可以使用CSS.我真的不确定,因为我不能想到我能做什么.
谢谢
解决方法
你可以使用display：inline-block ;:
