自動尺寸按鈕覆蓋屏幕的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%; 
}