对齐图像和div内联

Question

如何将div与图像内联对齐。文本应该与图像一致显示在页面的右侧

  **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

如果你想将正确的浮动div与图像对齐，你应该在img之前放置div ...即

 <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>

Answer 2

为什么不把你的图像放在div中然后浮动你想要的任何方向。

 <div>
 Login
 <img src='/media/site.png' onclick="javascript:getfunc('/home/')" style="float:left;" />
 </div>