Html 如何引入带边框段落的右边框

（这是关于CSS/HTML的问题。）

如果我有一个单行段落没有延伸到右边距，而我通过在其周围添加边框将其变成了一个文本框，那么如何防止边框一直延伸到右边距

<p style="border: 1px solid black;">
This is a test.
</p>

当我希望它看起来像这样时（无需我猜对硬编码边距）：

当然，我在这里是从左到右说的（所以，不是希伯来语或阿拉伯语）

非常感谢您的帮助。

您可以试试这个（警告：在IE7上不起作用）：

如果不想更改

p

的

显示值，请使用默认为
inline
的其他元素，或使用inline元素（例如
span
）将
p
中的文本包装起来，并在其上加上边框

您可以尝试以下操作（警告：在IE7上不起作用）：

如果不想更改
p
的
显示值，请使用默认为
inline
的其他元素，或使用inline元素（例如
span
）将
p
中的文本包装起来，并在其上加上边框

只需使用
显示：内联块在该元素上。+应用边框。
只需使用
显示：内联块在该元素上。+应用你的边框。
试试这个

<p>
<span style="border: 1px solid black;">This is a test.</span>
</p>


这是一个测试。

试试这个

<p>
<span style="border: 1px solid black;">This is a test.</span>
</p>


这是一个测试。

我要做的是浮动段落，然后清除它们：

p.neatBox {
    float: left;
    clear: both;
    padding: 5px;
    border: 1px solid blue;
}

例如，见：

这里的优点是，您不必担心
内联块
会连续出现，并且每行可能出现两个或更多

唯一需要注意的是，浮动元素上的页边距不会折叠，因此需要设置上页边距或下页边距来控制段落间距。
我要做的是浮动段落，然后清除段落：

p.neatBox {
    float: left;
    clear: both;
    padding: 5px;
    border: 1px solid blue;
}

例如，见：

这里的优点是，您不必担心
内联块
会连续出现，并且每行可能出现两个或更多

唯一需要注意的是，浮动元素上的页边距不会折叠，因此您需要设置上页边距或下页边距来控制段落间距。
我假设您可以在一行中有多个段落，一个接一个？我假设您可以在一行中有多个段落，一个接一个？
<p>
<span style="border: 1px solid black;">This is a test.</span>
</p>

p.neatBox {
    float: left;
    clear: both;
    padding: 5px;
    border: 1px solid blue;
}