Html 如何将引导按钮垂直放置在网页中央？ 我想知道我怎样才能把我的引导按钮放在我的网页中间的垂直线上？我试着使用垂直对齐：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>

---

作为旁注，如果有人能帮助我，我将不胜感激

我如何调整

的宽度，但我需要它具有响应性。我不希望线路从两边按钮的末端经过

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