在div中放置文本边框

Question

我如何在现有div中放置H1文本边框？边界总是绕着整个div而不仅仅是文本。

Answer 1

您必须将H1设置为display: inline-block或将文本换行span并将边框应用于此。

例如

<h1><span>Text</span></h1>

/* Css */
h1 {
    padding: 5px;
}
h1 span {
    border: 1px solid #000;
}

Answer 2

这是因为任何标头标签都被认为是块级元素。如果将H1标签设置为＆＃34;显示：inline＆＃34;这应该解决问题。您可能需要设置填充值以调整H1文本/内容周围的边框间距。

希望这会有所帮助：）

Answer 3

在你的css中尝试以下内容：

#yourDIVidHere h1{border: solid #ccc}

Answer 4

Html＆gt;

<div><p>Text Here</p></div>

Css＆gt;

div p { border: 1px solid #000; }