Align Text To The Center Of Icons

i want to align the text under the icons to the icons image here is the fiddle link: http://jsfiddle.net/J2N2P/

Solution 1:

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;
}

Solution 2:

You'll have to place pairs img/span within some container (span or div) and then align them relative to that container. Or, if layout is thought to be more like table, just use table/tr/td and align pairs of img/span within td.

Share