[英]Spacing after text in html/css
所以我不知道為什么添加padding
甚至margin
不會在文本之后創建額外的空間。
Output:
我想要Stay Tuned
文本后的空間,我嘗試添加padding
和margin
,但它仍然不起作用。 似乎是什么問題? 有什么建議么?
該文本的代碼:
@import url('https://fonts.googleapis.com/css?family=Montserrat'); body { background: transparent; }.title123 { font-family: "Montserrat"; text-align: center; color: #FFF; letter-spacing: 1px; } h23 { background-image: url(https://media.tenor.com/images/ad3dbde6dd7863faeb8151178df7bc71/tenor.gif); color: transparent; -moz-background-clip: text; -webkit-background-clip: text; text-transform: uppercase; font-size: 35px; } /* styling my button */
<link rel="stylesheet" href="assets/css/text.css"> <div class="title123"> <h23>Stay Tuned!</h23> </div>
填充和邊距適用於塊元素。 您需要使您的h23
元素成為塊元素 - 因為它是未知的 HTML 元素,它默認呈現為內聯。
你根本不應該使用它......但是如果你真的想要的話,你可以使用它——只要你需要填充或邊距,讓它block
或inline-block
添加到你的 CSS 一個這樣的規則:
h23 {
display: inline-block;
}
h23
不是 HTML 元素。 標題標簽是h1-h6
。 如果將其更改為<h2>
它將起作用。 然后你可以添加一個 class 並定位它。
<h2 class="h23">Stay tuned!<h2>
然后在您的 css 文件中
.h23 {
margin-bottom: 1rem;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.