自动尺寸按钮覆盖屏幕的1/3每个

Question

我想使以下三个按钮伸展以覆盖我的网页的100％，以便每个按钮具有约1/3的页面，并且之间有小的间隙他们。

感谢提前:)

<a style="padding: 6px 35px; background-color: #838383; color: #fff; text-transform: uppercase; letter-spacing: -.2px; text-decoration: none; font-family: helvetica,arial,sans-serif; border-radius: 2px; font-size: 12px;" href="http://www.my-url.com">BUTTON 1</a> 
&nbsp; 
<a style="padding: 6px 35px; background-color: #636363; color: #fff; text-transform: uppercase; letter-spacing: -.2px; text-decoration: none; font-family: helvetica,arial,sans-serif; border-radius: 2px; font-size: 12px;" href="http://www.my-url.com">BUTTON 2</a> 
&nbsp; 
<a style="padding: 6px 35px; background-color: #434343; color: #fff; text-transform: uppercase; letter-spacing: -.2px; text-decoration: none; font-family: helvetica,arial,sans-serif; border-radius: 2px; font-size: 12px;" href="http://www.my-url.com">BUTTON 3</a> 

Answer 1

或者不计算（简化版本）。这里是更新小提琴http://jsfiddle.net/fk2naw3q/4/

a { 
    float: left; 
    width: 32.667%; 
} 
a + a{ 
    margin-left: 1%; 
}