Como por espaçamento entre DIVs
Comstock/Stockbyte/Getty Images
As DIVs são elementos HTML criados pela tag "
Step 1
Abra a sua página web no Bloco de Notas ou outro editor de código. Localize as suas DIVs:
Encontre o ID de cada elemento que você deseja espaçar e atribua um para cada um que não possua ainda.
Step 2
Localize as tags "
Step 3
Escreve as regras entre as tags. Selecione cada DIV utilizando o seu nome prefixado com o símbolo "#":
left {
}
right {
}
Step 4
Alinhe-as lado a lado usando a propriedade "float" se necessário:
left {
float: left; }
right {
float: right; }
Step 5
Defina a propriedade "margin" em cada regra de estilo para modificar as margens dos elementos. Você pode usar essa propriedade para definir todas as margens ou definir cada uma separadamente:
left {
margin-left: 20px; }
right {
margin: 20px; }
No exemplo acima, a DIV "left" foi definida com uma margem de 20 pixels do lado esquerdo apenas, enquanto a outra foi configurada sua margem em 20 pixels para todos os lados.
Recursos
Advertência
- Evite usar o mesmo ID em vários elementos HTML. Escolha um nome único e fácil de lembrar.
- Faça uma cópia de segurança de sua página antes de editar o código.
Sobre o Autor
Sara Williams lives in western New York, where she is a freelance Web designer and content writer. She specializes in Web design, development and computer-hardware topics. Williams holds an Associate of Applied Science in computer information systems.
Créditos Fotográficos
Comstock/Stockbyte/Getty Images
