elemnts are not centered inside the wrapper and when I set the width of the wrapper it goes out of the browser..any solution? : `<footer id="footer">
		<div class="wrapper">
			<div class="col right-list">
			</div>
			<div class="col middle-list">
			</div>
		   <div class="col left-list">
		   </div>
    	</div>
</footer>
css
#footer {width:100%;}
#footer .wrapper{background:red;margin:0 auto;position:relative;  width: 1024px;height: 192px;font-size:}
#footer .wrapper  .col {width: 20%;height: 192px; background: green;  display: inline-block;}`

