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

Question

我试图将文字放在同一水平面上的图像旁边

我有类似

的东西

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

显示

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

here

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

我该如何解决这个问题？谢谢！

Answer 1

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

div a{
    float:left;
}