目前我正在嘗試改變兩個標題之間的距離，但我似乎不記得如何。
我的標題CSS是
.header {
font-family: "Karla" !important;
color: #4e4e4e;
}
并且特定于標題的部分html是
<div class="header">
<h1 style="display: inline-block">Text 1</h1>
<h1 style="display: inline-block">Text 2</h1>
</div>
這兩個標題彼此非常接近，我想將它們分開，但我不記得如何。我嘗試過使用邊距和填充，但似乎并沒有將它們隔開。
整個網站看起來像
謝謝
uj5u.com熱心網友回復：
我會推薦以下CSS：
.header h1 { margin: 0px 10px; }
更改第二個值 ( 10px) 以獲得更多水平空間。這也將通過為兩側的每個標題添加空間來保持標題在中心：左和右。
我的建議也是style從元素中洗掉屬性h1并將其添加到上面的 CSS 中。最終的 CSS 將是：
.header h1 {
margin: 0px 10px;
display: inline-block;
}
uj5u.com熱心網友回復：
您可以添加這三個選項并使用它：
.header {
font-family: "Karla" !important;
color: #4e4e4e;
line-height: 30px;
margin:0px;
padding:0px;
}
uj5u.com熱心網友回復：
有很多方法可以做到這一點，我建議您為 h1 標簽添加邊距。您可以將邊距添加到第一個 h1 標簽，也可以將邊距添加到第二個 h1 標簽。
<div class="header">
<h1 style="display: inline-block; margin-right: 2rem;">Text 1</h1>
<h1 style="display: inline-block">Text 2</h1>
</div>
上面給出的 HTML 代碼片段可以滿足要求，如果您希望更多地增加空間，只需更改第一個 h1 標記中為 margin right 提供的值。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/411878.html
標籤：