html - Supporting smaller device width -

i'm doing below displaying news item image. works fine 320 width devices, can 240 devices floating image right, goes down, wise use % div (instead of tables)

<div style="padding:10px;height: 100px;border-bottom: red 1px dashed">   <div style="width: 56%; float: left; padding-right: 10px;">      <span style="font-size: 14px; display: block; color: #cccccc">         pune, team beat       </span>        <span style="font-size: 16px">           ruthless gayle       </span>   </div>   <div style="width: 40%; float: right">     <img src="../images/src.jpg" width="120px" height="80px" />   </div> </div> 

please let know how better. should reduce fonts small width devices. and, wat image size also.

for font-size use "em" instead "px" --> 1em = 16px.

and body-->font-size :100%;