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
Faça suas próprias atualizações de pacotes/programas no Void Linux e torne-se um Contribuidor
Como rodar o Folding@home no Linux
Criando um painel de controle (Dashboard) para seu servidor com o Homepage
O Abismo entre o Código e o Chão: Saltos Tecnológicos e a Exclusão Estrutural no Brasil
Instalar e Configurar a santíssima trindade (PAP) no Void Linux
Dicas
Pisando no acelerador do Linux Mint: Kernel XanMod, zRAM e Ajustes de Swap
Como compilar kernel no Linux Mint
Lançamento do Brutal DOOM test 6
Consertando o erro no Brave de webgl
Solução para ter de volta as bordas e barra de títulos das janelas em zenity no Debian 13.x
Tópicos
Seno, Coseno, Tangente em CLIPPER (0)
Inserir uma URL num arquvo pelo Ubuntu (CLIPPER) (0)
VMWare Player não conecta na rede nem consigo intercambiar arquivos (1)
Top 10 do mês
-
Xerxes
1° lugar - 143.910 pts -
Fábio Berbert de Paula
2° lugar - 66.453 pts -
Buckminster
3° lugar - 46.119 pts -
Alberto Federman Neto.
4° lugar - 36.392 pts -
Sidnei Serra
5° lugar - 24.715 pts -
Alessandro de Oliveira Faria (A.K.A. CABELO)
6° lugar - 23.653 pts -
edps
7° lugar - 23.479 pts -
Daniel Lara Souza
8° lugar - 21.284 pts -
Mauricio Ferrari (LinuxProativo)
9° lugar - 20.649 pts -
Andre (pinduvoz)
10° lugar - 17.174 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:
