只显示了边界的下半部分

Question

CSS

.socialmedia 
{
    border: solid 10px transparent;
}

.socialmedia.hover 
{ 
    border-color: WHITE; 
}

HTML

<div id="mediashelter" >
<a href="http://www.facebook.com" id="fbid" class="socialmedia" target="_blank">
<img src="lol.jpg"></a>  
</div>

来源

http://truestar.sdf.org/check/lol.html

如何让整个边框出现？目前我只看到边界的下半部分

Answer 1

按如下方式添加display:inline-block：

.socialmedia 
{
    border: solid 10px transparent;
    display:inline-block;
}