html/css 中文本后的间距

Question

所以我不知道为什么添加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>

Answer 1

填充和边距适用于块元素。 您需要使您的h23元素成为块元素 - 因为它是未知的 HTML 元素，它默认呈现为内联。

你根本不应该使用它......但是如果你真的想要的话，你可以使用它——只要你需要填充或边距，让它block或inline-block添加到你的 CSS 一个这样的规则：

h23 {
  display: inline-block;
}

Answer 2

h23不是 HTML 元素。 标题标签是h1-h6 。 如果将其更改为<h2>它将起作用。 然后你可以添加一个 class 并定位它。

<h2 class="h23">Stay tuned!<h2>

然后在您的 css 文件中

.h23 {
    margin-bottom: 1rem;
}