如何在h1中添加空间

Question

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

如何在h1中的文本前添加空格？目前文字太靠近左边缘了。

Answer 1

您可以使用保证金并根据自己的喜好进行调整（更高会增加空间）。

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

Answer 2

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

Answer 3

添加一些左边距

margin-left: 10px;

Answer 4

您可以使用padding或margin。

css padding

css margin

使用填充：

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

有保证金：

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

Answer 5

您可以添加padding-left。

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

或者您可以使用&nbsp（Non breaking space。）

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

Answer 6

不太优雅，但您可以使用&nbsp在<h1>代码之前创建空间。

Answer 7

只需添加一些填充（padding-left:5px;或其他内容）