如何在我的情况下水平对齐文本和图像

Question

I am trying to keep my texts next to an image on the same horizontal level

I have something like

<div>
    <img src='test.png'/>
    <a href='#'>This is the test here</a>
</div>

it shows

 -----
|     |     This is the test
|     |
 -----

here

 -----
|     |     This is the test
|     |     here
 -----

How do i fix this? thanks!

Answer 1

div {
    clear:both;
    float:left;
}
div img{
    float:left;
}

div a{
    float:left;
}