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

  • Autor Autor lifecastro
  • Fecha de inicio Fecha de inicio
L

lifecastro

Gamma
Diseñador
Verificación en dos pasos activada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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.
 
Última edición:
Atrás
Arriba