我在我的个人网站上有一张图片，当你将鼠标悬停在上面时，它会显示到我的社交媒体页面的链接。然而，这些链接是水平的，不在方框中对齐。我怎样才能使它是垂直的，并适合于图像。

链接到图像

<div class="container">
<h1>Socials</h1>
<div class="row">
<div class="col-md-12 profile-pic text-center">
<div class="img-box">
<img src="img/myself5.jpg" class="img-responsive">
<ul>
<a href="https://www.instagram.com/landn.dev/"><li><i class="fa fa-instagram"></i>@landn.dev</li></a>
<a href="https://twitter.com/LandenMick"><li><i class="fa fa-twitter"></i>@LandenMick</li></a>   
<a href="https://github.com/landenthemick"><li><i class="fa fa-github"></i>@landenthemick</li></a>   
</ul>
</div>    
    <h2>Landen Mick</h2>
    <p>Programmer</p>
</div>
</div>