Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit:

Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like:

Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit: http://img109.imageshack.us/img109/8865/0cfc.png

Hello I have a big problem! Im trying to make a picture display inline with text on it's right, AND at the same time positioned in the middle of the vertical axis to fit in the navigation bar.

At the moment, I can only get it to display inline but it always verges to the bottom of the bar rather than the top.

HTML:

<div id='profileBar'> <img src='karl.png' width=25 id='profileBarPic'/> Damen </div> 

CSS:

#profileBar { float: right; padding-right: 10px; } #profileBarPic { width: 25px; display: inline; float: left; padding-right: 10px; } 

What it looks like dammit: