Start Building Professional
Web Apps Today

Place image at bottom right corner of the cell

Hi,

I am facing problem with placing the image at the bottom right corner of the cell. The code that i'm using is mentioned below.
I want the text to be printed as left aligned and image at the bottom right corner. The cell height should not increase.

<cell style="background-color:#ffffff;text-align:left;padding-left:3px;font-weight:bold;color:#000000;"><![CDATA[<a href="javascript:function1(142.6);" onmouseover="return SetStatus(\'Click to display this item\');" onmouseout="return SetStatus(\'\');"><font color="#000000">fghtfg</font></a><img style="vertical-align:bottom;float:right;padding-right:0px;"title=" 1 " src="//path/images/icon.gif">]]></cell>

I want the cell to look like

| Text <image at bottom right corner> |

But i'm getting the cell as

| Text |
| <image at the bottom right corner>|

Do suggest on how to proceed?

Try to use
  <cell style="background-color:#ffffff;text-align:left;padding-left:3px;font-weight:bold;color:#000000;"><![CDATA[<img style="vertical-align:bottom;float:right;padding-right:0px;"title=" 1 " src="//path/images/icon.gif"><a href="javascript:function1(142.6);" onmouseover="return SetStatus(\'Click to display this item\');" onmouseout="return SetStatus(\'\');"><font color="#000000">fghtfg</font></a>]]></cell> 

<cell> img a </cell>
because of float:right it will render as 
| Text <image> |