css 如何在h1中添加空间

42fyovps  于 2023-02-17  发布在  其他
关注(0)|答案(8)|浏览(184)
#entry-wrap h1 {
background-color: #E94578;
color: #FFF;
}

如何在h1中的文本前添加空格?此时文本离左边缘太近。

alen0pnh

alen0pnh1#

您可以使用边距并根据自己的喜好进行调整(更高将增加空间)。

#entry-wrap h1 {
    margin-left: 10px; /* Creates space on the outside of the element */
    background-color: #E94578;
    color: #FFF;
}
xqk2d5yq

xqk2d5yq2#

#entry-wrap h1 {
  background-color: #E94578;
  color: #FFF;
  margin-left: 20px;
}
lkaoscv7

lkaoscv73#

您可以使用paddingmargin
css padding
css margin

带填充:

#entry-wrap h1 {
background-color: #E94578;
color: #FFF;
padding : 5px;
}

带边距:

#entry-wrap h1 {
background-color: #E94578;
color: #FFF;
margin : 5px;
}
piah890a

piah890a4#

可以加上padding-left

#entry-wrap h1{
       padding-left : 20px;
  }

或者可以使用 Non breaking space)。

<h1>&nbsp; Your Title here </h1>
fcipmucu

fcipmucu5#

添加一些左边距

margin-left: 10px;
hjzp0vay

hjzp0vay6#

嗨,您可以添加填充到h1 =〉

#entry-wrap h1 {
background-color: #E94578;
color: #FFF;
padding-left: 10px
}
e0bqpujr

e0bqpujr7#

只需添加一些填充(padding-left:5px;或其他)

qlzsbp2j

qlzsbp2j8#

不太优雅,但是您可以只使用&nbsp<h1>标记之前创建空格。

相关问题