anchor<a>标签的设计问题

Question

我对html & css设计很陌生。我有下面的css设计-

span.menu a:link, span.menu a:visited
{
   display:block;
    font-weight:bold;
    color:#0000CC;
    background-color:#E8EEFD;
    text-align:center;
    padding:4px;
    text-decoration:none;
    width:70px;
    padding:5px;
    border:5px solid gray;
    margin:0px; 
}

我想使用标签放置三个链接，应该以以下方式显示-

呼叫客户供应商

我想把它们作为菜单来对待，它们应该以横向的方式放置。但是当我运行我的css设计时，它们会以垂直的方式放置-

呼叫

客户

供应商

怎么做？

谢谢。

Answer 1

如果您希望能够设置宽度并将其内联，请尝试使用display:inline-block。

这将不适用于Internet 6，另一种选择是使用float:left。但是，由于元素将从正常流中删除，并且如果父元素中没有其他内容，则其高度将降为0，因此这可能会造成复杂性。可以通过将overflow:auto添加到父级来克服这一问题。

Answer 2

使用display: block代替float: left。

Answer 3

添加css属性float:left