How do I keep these three items centralized? Notice that there is a space on the right side.
CSS
div.menu{background-color:#333;overflow:auto;white-space:nowrap;}div.menua{display:inline-block;color:white;text-align:center;padding:15px;width:30%;min-width:30%;max-width:30%;font-size:110%;text-decoration:none;}div.menua:hover{background-color:#777;}
HTML
<divclass="menu">
<a href="#">Item 1</a>
<a href="#">Item 2</a>
<a href="#">Item 3</a>
</div>