html - 如何引入带边框的段落的右边距

标签 html css

(这是关于 CSS/HTML 的问题。)

如果我有一个没有延伸到右边距的单行段落,并且我通过在它周围放置边框将其变成一个文本框,我怎样才能防止该边框一直延伸到右边距?

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

看起来像这样:

+-----------------------------------------------------------------------------+
| This is a test.                                                             |
+-----------------------------------------------------------------------------+

当我希望它看起来像这样时(无需猜测硬编码 margin-right):

+-----------------+
| This is a test. |
+-----------------+

我在这里说话,当然是从左到右的方向(所以,不是希伯来语或阿拉伯语)。

非常感谢您的帮助。

最佳答案

只需在该元素上使用 display: inline-block; 即可。 + 应用边框。

关于html - 如何引入带边框的段落的右边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18860285/

相关文章:

javascript - 单击特定的子项时,应运行不同的 jQuery

html - 选择选项的 CSS 为透明背景

php - 所有浏览器的屏幕分辨率

javascript - 如何读取由 CSS 类设置的 DIV 的属性值?

html - CSS Fixed header-是否需要两个位置?

javascript - 与 <ul> 或 <div> 相比,<table> 在尝试获取子标签集合时的行为是否不同? (JavaScript)

javascript - 打印特定的 div

html - 使用 VBA 复制网站数据

javascript - Style.display = 'none' 不适用于 BBC.com 覆盖元素

jquery - 像 fancybox jquery 一样制作一个 div pop onclick