我正在为这个问题而苦苦挣扎:enter image description here
我希望标题的边框填充为左右1px,但尽管我将其放在css文件中,边框仍会水平占据所有屏幕...
我希望我的边框适合文本,而不是以这种方式扩展。如果可以的话,请谢谢。这是h1的html:<h1 title="they kidnapped me">Doing some testing here</h1><hr>
答案 0 :(得分:0)
默认情况下,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>