Question

我想知道如何将我的引导按钮放在我网页中间的垂直线上？我尝试使用vertical-align: top; 但它不起作用。

以下是我想要在网页中间的垂直线上一个接一个地按下的按钮的HTML。

<ul class="list-inline intro-social-buttons">
   <li>
      <a href="devpage.html" class="btn btn-primary btn-lg outline rotateInUpLeft animated"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Web Development Portfolio</span></a>
   </li>
   <li>
      <a href="gfxdesign.html" class="btn btn-primary btn-lg outline rotateInUpLeft animated"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">GFX Design Portfolio</span></a>
   </li>
   <li>
      <a href="about.html" class="btn btn-primary btn-lg outline rotateInUpLeft animated"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">About Me</span></a>
   </li>
   <li>
      <a href="contact.html" class="btn btn-primary btn-lg outline rotateInUpLeft animated"><i class="fa fa-linkedin fa-fw"></i> <span class="network-name">Contact Me</span></a>
   </li>
</ul>

作为附注，如果有人也可以帮助我，我将不胜感激。

如何调整<hr class="content-divider">的宽度，但我需要它才能做出响应。我不希望这条线从两边各边的按钮结束。

Answer 1

ul.intro-social-buttons li {
 padding-bottom: 10px;
 float: left;
 display: block;
 width: 100%;
}

如何将我的引导按钮放在我网页中心的垂直线上？

1 个答案: