i want to align the text under the icons to the icons image
here is the fiddle link:
<div id="middle">
<div class="icon_middle"><img src="images/smart_tv.jpg" align="middle" vspace="5"><span>Smart TV</span></div>
<div class="icon_middle"><img src="images/tablet.jpg" align="middle" vspace="5"><span>Tablet</span></div>
<div class="icon_middle"><img src="images/iphone.jpg" align="middle" vspace="5"><span>Iphone</span></div>
<div class="icon_middle"><img src="images/android.jpg" align="middle" vspace="5"><span>Android</span></div>
<div class="icon_middle"><img src="images/pc.jpg" align="middle" vspace="5"><span>Pc</span></div>
<div class="icon_middle"><img src="images/mac.jpg" align="middle" vspace="5"><span>Mac</span></div>
<div id="middle_txt">
change this to your CSS, You'll get align imgs and text in the center:
CSS
.icon_middle span {
display:block;
margin: 0 auto;
text-align:center;
}
.icon_middle img {
padding: 0 10px;
display: block;
margin: auto;
}