Css центрирования коробки проценты выработки

Question

Как удалить оставшееся пространство справа: HTML код:

<div class="wrapper"> 
     <a href="#"><h1>Title 1</h1></a> 
     <a href="#"><h1>Title 1</h1></a> 
     <a href="#"><h1>Title 1</h1></a> 
    </div> 

код CSS:

.wrapper { 
height:               450px; 
margin:               50px; 
border-radius:             30px; 
overflow:              hidden; 
background-color:            #F00; 
border:               1px solid #000; 
display:block; 
} 
.wrapper a { 
    width:              33.3%; 
    height:              100%; 
    background-color:           #444; 
    margin:0 auto; 
    float:              left; 
    color:              #fff; 
    text-decoration:           none; 
    display:inline-block; 
} 
.wrapper a:nth-child(2) { 
    background-color:           #333; 
} 
.wrapper a h1 { 
    width:              100%; 
    height:              70px; 
    text-align:             center; 
    position:             relative; 
    bottom:              0; 
    text-shadow:            1px 1px #000; 
} 

http://jsfiddle.net/6bXQ9/

в 3-х кварталах должны быть 33,3%, но остальные (0,1%) не будут заполнены, а ive я использую 33,4%, при этом будет потеряно 1 блок, если страница меньше.

Что я должен использовать? Благодаря! и извините за мой плохой английский

Answer 1

width: 33.33% делает магический трюк.

Answer 2

Это то, что вы хотите? http://jsfiddle.net/6bXQ9/5/

width: 33.33%; 

Изготовление Ширина: 33,33% решает вашу проблему.