html - 如何使 anchor 填充适合div

Question

干杯，我正在制作一个水平链接菜单。 我将父 div 的高度设置为 46px，并希望实现总高度为 46px 的 anchor 填充。

我该怎么做？

<div class="outside">
    <a href="#">FCC</a>
</div>
I'd like the green rectangle to fit inside parent div :)

.outside{
    width:100%;
    height:46px;
    background-color:red;
}

.outside a{
    float:left;
    text-decoration:none;
    background-color:green;
    padding-top:15px;
    padding-bottom:15px;
    font-size:16px;
}

有一些类似的问题，但没有一个包含填充(计算起来可能非常复杂)。

http://jsfiddle.net/T2Nqd/

注意:我希望链接在 padding 内保持居中，并且也能够将他的宽度保持在 200px 左右

Answer 1

试试这个

.outside a {
    float: left;
    padding: 13px 0px;
    text-decoration: none;
    background-color: green;
    font-size: 16px;
}