我想知道如何将我的引导按钮放在我网页中间的垂直线上?我尝试使用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">
的宽度,但我需要它才能做出响应。我不希望这条线从两边各边的按钮结束。
答案 0 :(得分:2)
ul.intro-social-buttons li {
padding-bottom: 10px;
float: left;
display: block;
width: 100%;
}