<分区>
我想让我的Autumn outfits 标题的left 和right 边更接近文本，2px为他们每个人填充。我试图通过将 padding-left 和 padding-right 设置为 2px 来实现这一点，但元素仍然保持不变。
下面是我的代码片段。
.outfitsbuttonsheadings {
padding-left: 2px;
padding-right: 2px;
border: 2px solid black;
text-align: center;
font-family:'Mali', cursive;<h3 class="outfitsbuttonsheadings">Autumn outfits</h3>附言- 在你回答了这个问题之后，你能否也给我一些提示，告诉我如何更好地问这个问题。我是堆栈溢出的新手，我想更好地以正确的方式提问。
最佳答案
h3 元素是一个跨行延伸的 block 元素。
如果您希望文本周围的边框紧凑，您可以使用 span。下面的 CSS 分别为 span 和 h3 定义了类。
span.outfitsbuttonsheadings {
padding-left: 2px;
padding-right: 2px;
border: 2px solid black;
font-family:'Mali', cursive;
}
h3.outfitsbuttonsheadings {
text-align: center; /* center text inside the h3 block */
}<h3 class="outfitsbuttonsheadings">
<span class="outfitsbuttonsheadings">Autumn outfits</span>
</h3>关于html - 如何让边框的左右两侧更靠近文字，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53036463/
相关文章：
html - div 内的 ASP : Table buttons become unclickable: Buttons nested inside a table,
html - 单击时如何保持打开的 mdl 菜单与 html 选择？
c# - HTML5 和 CSS3 可以与 C#6.0 一起使用吗？
html - 如何在 XHTML 页面中显示 Excel 单元格内容及其样式？
javascript - 在 javascript 中为图形传递值
javascript - 将每三个div的高度设置为最后一个/最长一个的高度