将图像和文本放在同一顶行的<div>标记中</div>

Question

我正在尝试在图像旁边放置一个图像和一些文本，这两个文本都在顶部垂直对齐。这是我正在使用的代码但它似乎没有工作。它对齐底部的文本

<img src="http://localhost/wordpress/wp-content/uploads/2012/04/Desktop.png" alt="" style="float:left; margin-right:5px;" />
<div class="box"><a href="#" target="_blank">Click here to take an online demo</a></div>

“box”在样式表中看起来像这样，

.box {
/* border: 0px solid; */
overflow: hidden;
}

这就是现在的样子

您是否可以建议所需的相关更改，使其看起来像这样

Answer 1

使用vertical-align：top到.box css（或）margin-top

示例css

             .box {
         /* border: 0px solid; */
             overflow: hidden;
             margin-top:-5px;

                  }