I have a slight issue with some html/css, I have managed to horizontally align 4 <div>'s next to one another and centralized them too, but im not sure whether my markup is valid?
Can anyone help?

thank you!



<div id="icons">
<div id="telephone"><img src="icons/telephone.png" class="icon" alt="telephone icon"/><p>01244 ?</p></div>
<div id="mobile"><img src="icons/mobile.png" class="icon" alt="Mobile icon"/><p>07779 ?</p></div>
<div id="email"><img src="icons/email.png" class="icon" alt="Email icon"/><p>Jo...@aol.com</p></div>
<div id="location"><img src="icons/location.png" class="icon" alt="Location icon"/><p>Chester, Cheshire</p></div>



#icons {
text-align: center;
-moz-column-count: 4;

.icon {
width: 50px;
height: 50px;
padding-top: 15px;