相关疑难解决方法(0)

我试图将两个链接的"查看网站"和"查看项目"集中在周围的div中.有人可以指出我需要做些什么来使这项工作？

JS小提琴:http://jsfiddle.net/F6R9C/

HTML

<div>
  <span>
    <a href="#" target="_blank">Visit website</a>
    <a href="#">View project</a>
  </span>
</div>

CSS

div { background:red;overflow:hidden }

span a {
    background:#222;
    color:#fff;
    display:block;
    float:left;
    margin:10px 10px 0 0;
    padding:5px 10px
}

我<span>在模块标题中使用标签,例如

<span>Categories</span>.

我在css中指定了span的背景颜色/图像,宽度和高度.

但跨度的宽度取决于其内容/文本.

所以,如果我这样做<span></span>,只用css中的背景图像/颜色,就不会出现任何内容.

当然,我想要出现一些东西.

我该如何解决这个问题？