css - 画像とテキストを揃える同じ先頭行にタグを付ける

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;

                  }