在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標籤設置爲「display：inline」，則應解決此問題。您可能需要設置填充值來調整H1的文本/內容周圍邊界的間距。

希望這有助於:)

Answer 3

嘗試在你的CSS如下：

#yourDIVidHere h1{border: solid #ccc} 

Answer 4

HTML>

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

的CSS>

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