Cómo alinear un ícono en la esquina inferior derecha de una caja de texto usando CSS

lifecastro Seguir

Gamma
Diseñador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
20 Jun 2013
Mensajes
239
Tengo el siguiente codigo para una caja de texto y un icono que quiero que salga Bottom Right al final del texto y por debajo del mismo texto

CSS
Insertar CODE, HTML o PHP:
.amor
{
position:relative;
color: #fff;
margin: 0 0 20px; 
padding: 20px 10px 0; 

border: 1px solid #d8d8d8; 
background: #6797CF;
 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
-moz-box-shadow: inset 0 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff; 
 }
.amor icono {
float: right;
background: url(http://4.bp.blogspot.com/-N2xAuHDSWGg/UlgcnDBVtBI/AAAAAAAAAqg/ogIRz4k2GiQ/s1600/45x45.png) no-repeat;
height:50px;
width:50px;
position:absolute;
bottom:0;
right:0;

HTML

Insertar CODE, HTML o PHP:
<div class="amor">
<p style="text-align: justify;">
Uno aprende a amar, no cuando encuentre a la persona perfecta, sino cuando aprenda a creer en la perfección de una persona imperfecta, Uno aprende a amar, no cuando encuentre a la persona perfecta, sino cuando aprenda a creer en la perfección de una persona imperfecta, Uno aprende a amar, no cuando encuentre a la persona perfecta, sino cuando aprenda a creer en la perfección de una persona imperfecta.</p><icono></icono>
</div>

Imagen del problema



Alguna idea para solucinarlo?

Gracias de antemano.
 

lifecastro

Gamma
Diseñador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
20 Jun 2013
Mensajes
239
Última edición:
Arriba