Question

我正在为这个问题而苦苦挣扎：enter image description here

我希望标题的边框填充为左右1px，但尽管我将其放在css文件中，边框仍会水平占据所有屏幕... 我希望我的边框适合文本，而不是以这种方式扩展。如果可以的话，请谢谢。这是h1的html：<h1 title="they kidnapped me">Doing some testing here</h1><hr>

Answer 1

默认情况下，H1是块元素，它占据了整行。使其内联，仅占用文本占用的空间。

body {
  color: white;
  background-color: #192e51;
}

.testing {
  border: 1px double white;
  border-radius: 100px;
  display: inline;
}

.content {
  text-align: center;
}

<div class="content">
  <h1 class="testing"> Doing some testing here </h1>
</div>

为什么左右填充不影响h1的边框？

1 个答案: