Question

How can I align a floating image on the right-bottom corner of my text? I have a div which has a background colore and contains a text. I want to see an image in that div tag, in the right-bottom corner. Any CSS solution??

<div id="myText"> 
A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here A lot of text here 
<img id ="info_ico" src="images/key_ico.png" />

<div>

#myText
{
        background:#fdf6cc;
    min-height: 90px;
    margin-left:1px;
    width: 913 px;
    padding-left: 30px;
}

#info_ico
{
     float:right; 
     clear:right;
}

Now what to change to see the image in the bottom of the text?

Answer 1

If the length of the content is not going to change you can always place the image just before the end of the text, keep it floated right as you’re doing and the last bit of text will flow down the left hand side.

Example here: http://jsfiddle.net/pBDaJ/