html - How can I vertically center side-by-side anchor and anchor-image tags? -


i having trouble centering these 2 elements. i'm not sure problem is. can me out. first here screenshot of going on:

enter image description here

so how these elements vertically centered?

here html , css:

<div class="vcenter"> <p> <a href="http://www.google.com">jimdaniel</a> <a href="http://www.cnn.com"><img src="icon.png"/></a> </p> </div>  .vcenter {     padding:10px;     background-color:darkblue;     min-height: 25px;        display: table-cell;        vertical-align: middle; } 

thanks help!

like this?

http://jsbin.com/opifu5

.vcenter img {     vertical-align: top } 

Comments

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -