html - 底部导航栏溢出

Question

我的导航栏底部过于偏左。请帮忙!

这是我的 html:

<div id="bottem">

  <h4>Made by xyz 2016</h4>
  <h5>With lots of help from Develop Academy </h5>
  <h5><a href="info.html" id="info">More Info</a></h5>

</div>

这是我的CSS:

#bottem {
  margin-right: 10px;
  margin-left: 10px;
  background-color: rgba(51, 126, 198, 0.28);
  display: inline-block;
  width: 100%;
}

这是我的网站: enter image description here

Answer 1

像下面的代码一样使用 css padding 属性。 padding 属性用于从左侧在其内容周围生成空间。如果您想从各个方向生成空间，则只需使用 padding 即可，例如。 padding:20px.

#bottem {
  padding:5px 20px; /*5px = top & bottom, 20px = left & right;*/
  background-color: rgba(51, 126, 198, 0.28);
}

<div id="bottem">

  <h4>Made by xyz 2016</h4>
  <h5>With lots of help from Develop Academy </h5>
  <h5><a href="info.html" id="info">More Info</a></h5>

</div>