Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas Tomasi

Alinhar texto na parte de baixo

Por , em Desenvolvimento frontend

Recommended Posts

Lucas Tomasi    0

Lucas Tomasi
Postado

Olá,

 

Quando colocamos um texto o mesmo sempre fica alinhado a esquerda e ao topo. Como eu posso fazer para que ele fique alinhado na parte de baixo de uma div?

 

Desde já,

Obrigado pela sua atenção.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carlos Designer    0

Carlos Designer
Postado

Olá Lucas Tomasi,

 

dependendo do tamanho da div você pode ajustar a posição do texto usando a propriedade padding, mas depende de como esta organizado o seu conteúdo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Coloque o texto num elemento separado, como um <p>, e posicione com position: absolute, e bottom: 0...

sendo que o pai tem um relative.

 

<style type="text/css">
div#container {
	height: 500px;
	width: 400px;
	background-color: #ff0;
	position: relative; /* contexto de posicionamento*/
}
div#container p {
	position: absolute;
	bottom: 0;
}

</style>
<body>


<div id="container">

<p> Texto no canto inferior </p>
</div><!-- /container -->

</body>
Pegou ? :lol:

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não.. o default é

static

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito