css - 无法使此 CSS 按钮起作用

Question

http://jsfiddle.net/72nEy/

我想在不使用 ul 或 li 的情况下设置它的样式，我该怎么办？或者任何可以提供帮助的资源？

我需要它被简单地调用

<a href="http://designshack.net/" class="action-item">Want to Voluneer</a>

Answer 1

你也可以试试这个:

演示 http://jsfiddle.net/tPqS8/

HTML

<a href="http://designshack.net/" class="action-item">Want to Voluneer</a>

CSS

.action-item {
    display: block;
    background-color: #1b365b;
    border: 2px solid #00aeef;
    outline: #1b365b solid 6px;
    text-align:center;
    color: #fff;
    text-decoration: none;
    text-transform:uppercase;
    font-family:"adobe-caslon-pro",serif;
    font-size: 20px;
    line-height: 3.5;
    height: 70px;
    width: 300px;
}