按钮换行?

时间:2012-08-16 18:25:40

标签: html css web

我有一个使用锚标签和display:block的按钮; (所以整个按钮都是可以的)

我想在按钮中添加一个换行符(用于样式目的)并通过display:block;属性。问题是按钮的那部分显示:块;分配的属性变得不可点击。

这是我的代码:

HTML

<a href="#">
   <span class="top">Connected To</span>
   <span class="bottom">Relationships</span>
</a>

CSS

 a{
      display:block;
      padding:5px 20px;
    }
    .top{
      display:block;
      font-size:15px;
    }
    .bottom{
      font-size:25px;
      font-weight:bold;
    }

有什么想法吗?

2 个答案:

答案 0 :(得分:3)

即使这段代码可能比它需要的更复杂,it works just fine。也许你的问题出在其他地方。

答案 1 :(得分:0)

你可以用cufon风格设置任何奇怪的线高设置吗?

相关问题