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
Atenção a quem posta conteúdo de dicas, scripts e tal (1)
Artigos
Manutenção de sistemas Linux Debian e derivados com apt-get, apt, aptitude e dpkg
Melhorando o tempo de boot do Fedora e outras distribuições
Como instalar as extensões Dash To Dock e Hide Top Bar no Gnome 45/46
Dicas
Como Atualizar Fedora 39 para 40
Instalar Google Chrome no Debian e derivados
Consertando o erro do Sushi e Wayland no Opensuse Leap 15
Instalar a última versão do PostgreSQL no Lunix mantendo atualizado
Flathub na sua distribuição Linux e comandos básicos de gerenciamento
Tópicos
erro ao clonar repo github (5)
Problema Envio email GLPI Versao 10.0.15 (1)
Como adicionar módulo de saúde da bateria dos notebooks Acer ao kernel... (25)
Top 10 do mês
-
Xerxes
1° lugar - 74.047 pts -
Fábio Berbert de Paula
2° lugar - 59.401 pts -
Clodoaldo Santos
3° lugar - 46.253 pts -
Buckminster
4° lugar - 27.081 pts -
Sidnei Serra
5° lugar - 26.547 pts -
Daniel Lara Souza
6° lugar - 18.089 pts -
Mauricio Ferrari
7° lugar - 17.753 pts -
Alberto Federman Neto.
8° lugar - 17.735 pts -
Diego Mendes Rodrigues
9° lugar - 15.823 pts -
edps
10° lugar - 14.984 pts
Scripts
[Shell Script] Script para desinstalar pacotes desnecessários no OpenSuse
[Shell Script] Script para criar certificados de forma automatizada no OpenVpn
[Shell Script] Conversor de vídeo com opção de legenda
[C/C++] BRT - Bulk Renaming Tool
[Shell Script] Criação de Usuarios , Grupo e instalação do servidor de arquivos samba
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:
