How do I align this icon with the text?

[BrandontheGreat]

http://img188.imageshack.us/i/align.tif/

How do I align this text with the icon? Can anyone help? Code samples will be appreciated.

 

[fixie]

Behrang Saeedzadeh - How to middle-align text and image in an html page

If that doesn't work, pm me.

 

[Fatbat]

Search "vertical align css" in Google and you will get many pages of results with answers

A quick solutiuon though is to simply create a class called "icon" like this...

.icon, .icon a {
    vertical-align: middle;
    padding: 0 4px 0 0;
    text-decoration: none;
}

Then apply this class to the image of the icon.

<img src="../images/icons/home.png" alt="Home" class="icon" /><a href="index.html">Home</a>

Depending on the text size and icon size and line-height you will need to adjust the padding, or even switch it from the top to the bottom.

 

[BrandontheGreat]

Thanks, guys.

fixie - your link did the job.