Question

This is the live example:

http://jsfiddle.net/NjnAF/

The div#con is the search result panel,I want the search item displayed in the list manner with the icon and text.

Now I can not make the icon align middle vertically and make the text the “1” “2” just in the center of the image.

Any suggestion?

Answer 1

you need to modify the CSS

    div.item div.img{ text-align:center;
                      margin-top:2px;  /*can change this according to your need */
                    }

Add these two properties. Vertical align will not work. Fiddle http://jsfiddle.net/NjnAF/2/