CSS: Aligning text and images on the same line

This can be done by floating the elements. An example is the footer of this page.

 

<div id="copytextdz_left">All rights reserved.</div>

<div style="float:left;width:250px">
  <div style="float:left;">
     <img src="http://droidzone.in/images/siteimages/single_50x50.png"></img>
  </div>
  <div id="copytextdz_center">
    Hosted by <a href="https://www.kazi-networks.com/">Kazi Networks</a>
   </div>
</div>

<div id="copytextdz_right">Copyright © 2009-2013 Droidzone.in
</div>
<div style="clear:both;">
</div>

 


You are reading this post on Joel G Mathew’s tech blog. Joel's personal blog is the Eyrie, hosted here.