I have a page like below;
<style type="text/css">
#test a{
display: block;
width: 150px;
height: 50px;
background-color: #CCCCCC;
}
</style>
<div id="test">
<a>text text text<img src="image.jpg"></a>
</div>
I am getting the result like;

But I want something like;

Here is the fiddle
Anybody know how to fix this?
You can add
vertical-align:topto the imageUpdated fiddle