Todo elemento HTML possui um valor de exibição padrão, dependendo do tipo de elemento que é.
Existem dois valores de exibição: bloco e embutido.
Elementos em nível de bloco
Um elemento no nível do bloco sempre inicia em uma nova linha e ocupa toda a largura disponível (se estende para a esquerda e direita, tanto quanto possível).
O elemento <div> é um elemento no nível do bloco.
Exemplo
<div>Hello World</div>
Elementos em linha
Um elemento embutido não inicia em uma nova linha e ocupa apenas a largura necessária.
Este é um elemento <span> dentro de um parágrafo.
Exemplo
<span>Hello World</span>
Exemplo geral
<!DOCTYPE html> <html> <body> <div style="background-color:black;color:white;padding:20px;"> <h2>London</h2> <p>xxxx x x x x x x xx x </p> <p>xxxoxxxx xx xoxxx x</p> </div> <h1>xxx x x x xx</h1> <p>eu tenho olhos <span style="color:blue;font-weight:bold">azuis</span> e ela <span style="color:darkolivegreen;font-weight:bold">verdes</span> olhos.</p> </body> </html>
<< Anterior Listas HTML
Deixe um comentário