Como consigo colocar o elemento p colado à parte inferior?
1. Como consigo colocar o elemento p colado à parte inferior?
ede_linux
(usa Ubuntu)
Enviado em 22/06/2016 - 20:23h
Olá pessoal,Tenho este código:
<body>
<section>
<h1>The main signboard</h1>
<hr>
<p>footer signboard</p>
</section>
....
section {
border: 1px solid #000;
height: 100px;
margin: 20px auto;
width: 400px;
}
h1 {
background-color: #990000;
color: #FFF;
font-size: 1.2em;
left: -10px;
padding: 5px 0;
position: relative;
text-align: center;
width: 420px;
}
p {
background-color: #990000;
color: #FFF;
font-size: 1.2em;
padding: 2px 0;
position: relative;
text-align: center;
margin: 0 auto;
bottom: 0px;
}
hr {
padding-bottom: 8px;
margin: 0 auto;
border: 0;
}
O resultado é este: http://i.imgur.com/BoQf5JS.png
Para que o elemento p, paragrafo, fique totalmente encostado abaixo, dentro do elemento section, tive que adicionar um elemento hr e mexer no seu padding, margin e border. Essa é a maneira correcta de fazer isso? O que sugerem?
Obrigado
Patrocínio
Destaques
Artigos
librePods: liberte seus AirPods em 2026
Bluefin - A nova geração de ambientes de trabalho Linux
Como atualizar sua versão estável do Debian
Dicas
Instalando e definindo as novas fontes Adwaita no GNOME
Configurar aviso da temperatura da CPU no Conky
Pós-instalação do elementary OS 8.1
Quer auto-organizar janelas (tiling) no seu Linux? Veja como no Plasma 6 e no Gnome
Copiando caminho atual do terminal direto para o clipboard do teclado
Tópicos
Conky não mostra temperaturas da CPU no notebook (15)
Após todos esses anos... youtube! (2)
archlinux resolução abaixou após atualização [RESOLVIDO] (19)
Registro do 'last&qu... errado [RESOLVIDO] (9)
O WiFi não reconhece minha rede depois que o processo de suspensão é r... (2)
Top 10 do mês
-
Xerxes
1° lugar - 151.574 pts -
Fábio Berbert de Paula
2° lugar - 65.724 pts -
Buckminster
3° lugar - 24.727 pts -
Alberto Federman Neto.
4° lugar - 21.341 pts -
Mauricio Ferrari
5° lugar - 19.877 pts -
Daniel Lara Souza
6° lugar - 18.723 pts -
edps
7° lugar - 18.567 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
8° lugar - 17.254 pts -
Andre (pinduvoz)
9° lugar - 16.628 pts -
Diego Mendes Rodrigues
10° lugar - 15.219 pts
Scripts
A maior comunidade GNU/Linux da América Latina! Artigos, dicas, tutoriais, fórum, scripts e muito mais. Ideal para quem busca auto-ajuda.
Site hospedado por:
