html - 图像和 div 内联对齐

Question

如何将 div 与 image 内联对齐。文本应该出现在页面的右侧 inline 与图片。

**EDIT**
<div>
<img src='/media/site.png' onclick="javascript:getfunc('/home/')" </img>

</div>
<div  style="padding-right:50px;padding-top:2px;float:right">
Login
</div>

Answer 1

如果你想将右侧 float 的 div 与图像对齐，你应该将该 div 放在 img 之前......即

 <div style="padding-right:50px;padding-top:2px;float:right">
     Login
 </div>
 <div>
     <img src='/media/site.png' onclick="javascript:getfunc('/home/')" alt="this attrib should be always present" />
 </div>