调整btn bootstrap中的文本

Question

我有一个按钮：

<div id="cta">
    <a href="#" class="btn btn-lg">
    Who are we?
    </a>
</div>

---

#cta {

    margin-left:35%;
    position:absolute;
    z-index:1;
}
#cta a{
    border-radius:100px;
    border-color:#FFF;
    border-width:thick;
    background-color:#ff8900;
    font-size:1.75vw;
}

http://codepen.io/anon/pen/elcEi （对不起codepen上的bootstrap）

我想调整内部文本的位置和按钮的高度（随文本大小而变化）。

我已经弄乱了填充，边距，高度，对齐，垂直对齐，线高，+所有这些都是负面的。

有什么想法吗？

Answer 1

此外，Bootstrap还有其他样式用于对齐元素中的文本，例如文本中心或文本右侧。

P.S。想知道你为什么用div包围按钮。可以像按钮本身的cta类一样。