Css centering boxes percentages workings

BigTimmy

New Member
How do I remove the remaining space on the right:HTML code:\[code\] <div class="wrapper"> <a href="http://stackoverflow.com/questions/15907110/#"><h1>Title 1</h1></a> <a href="http://stackoverflow.com/questions/15907110/#"><h1>Title 1</h1></a> <a href="http://stackoverflow.com/questions/15907110/#"><h1>Title 1</h1></a> </div>\[/code\]CSS code:\[code\].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;}\[/code\]http://jsfiddle.net/6bXQ9/the 3 blocks must be 33,3 % but the rest(0,1%) wont be filled, and ive i use 33,4% there will get 1 block lost when the page is smallerwhat should i use? Thanks! and sorry for my bad english
 
Top