css自举标签上的左上边距

Question

这是我的博客主页http://lowcoupling.com/ 这是一个基于Twitter bootstrap的tumblr博客.我试图让页脚中的徽章代表以这种方式垂直分隔的主要主题:

<span style="margin-left:2px; margin-top:5px;"> <a href="http://lowcoupling.com/tagged/UML/chrono"><span class="label label-default">UML</span> </a></span>

问题是左边距有效,但上边距没有.

Answer 1

你需要设置display:block;并将它们浮动到左边.你最好创建一个这样的类:HTML:

<span class="footer-link">
<a href="http://lowcoupling.com/tagged/UML/chrono">
<span class="label label-default">UML</span>
</a>
</span>

CSS:

span.footer-link{
   display:block;
   float:left;
   margin:5px 0 0 2px;
}