无法设置文字边距以降低文字边距

Question

我想让我的文字让我的文字更低，使其成为<div>标签的中心。但我尝试使用margin-top使其降低一点，但它无法正常工作。这是我的代码。

.loremipsum {
    background-color: white;
    height: 1060px;
}
.content {
    font-family: 'Lato';
    text-align: center;
}
h3 {
    font-size: 75px;
}
.h3 {
    border: 2px black solid;
    width: 750px;
    margin: auto;
    margin-top: 100px;
}

<div class="loremipsum" id="loremipsum" >
    <div class="h3">
        <h3 class="content" >Why Choose Us?</h3>
    </div>
    <p class="content">We create the best front-end design.Each template cost only $5.</p>
</div>

Answer 1

我建议你在进一步学习之前先查看很多基于Web的教程，因为基于Web的开发很多（特别是对于一个完整的初学者）

我在下面创建了一个边距和填充示例的快速演示，（我会发表评论，尽管出于演示目的，这可能会更好）

＆＃13;

＆＃13;

html{background:gray;}
div {
  height: 20px;
  border: 1px solid black;
}
.right {
  margin-right: 100px;
}
.left {
  margin-left: 100px;
}
.top {
  margin-top: 100px;
}
.bottom {
  margin-bottom: 100px;
}
.left-padded{
padding-left:100px;
}
.right-padded{
padding-right:100px;
}
.top-padded{
padding-top:100px;
}
.bottom-padded{
padding-bottom:100px;
}

＆＃13;

<div class="normal">I'm normal</div>
<div class="right">I'm margin-right</div>
<div class="left">I'm margin-left</div>
<div class="top">I'm margin-top</div>
<div class="bottom">I'm margin-bottom</div>
<div class="left-padded">I'm padded-left</div>
<div class="right-padded">I'm padded-right</div>
<div class="top-padded">I'm padded-top</div>
<div class="bottom-padded">I'm padded-bottom</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以将属性设置为重要。所以它将优先考虑

`

 .h3 {
    border: 2px black solid;
    width: 750px;
  margin:auto;
    margin-top:100px;


}
h3.content{padding:25px}  

`

在小提琴上检查：[http://jsfiddle.net/515zttfr/][1]