Como alinhar um ícone no canto inferior direito de uma caixa de texto usando CSS

  • Autor Autor lifecastro
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
L

lifecastro

Gamma
Diseñador
Verificación en dos pasos activada
Usuário com poucas negociações! Use sempre o saldo do 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
Inserir CODE, HTML ou 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

Inserir CODE, HTML ou 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.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Voltar
Topo