2
respostas

padding no header nao cria o espaçamento

depois de aplicar o codigo:

header{
    background: #BBBBBB;
    padding: 20px 0;
}

.caixa {
    position: relative;
    width: 940px;
    margin: 0 auto;
}

nav {
    position: absolute;
    top: 110px;
    right: 0;
}

nav li {
    display: inline;
    margin: 0 0 0 15px;
}

nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;
}    

o conteudo da pagina nao descolou das bordas Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Olá Guilherme!

Então, acredito que você esteja querendo aumentar essa "barra cinza". Se for isso, acredito que você terá que usar a propriedade margin, OU , aplicar o padding no seu .caixa

E pensei que eu era diferente por usar a barra do windows no canto esquerdo, mas fiquei deveras impressionado com essa barra aí em cima! kkk

Oi Guilherme, em relação ao 'header'

header{
    background: #BBBBBB;
    padding: 20px 0;
}
/*
    Seu padding está
        top e bottom com 25px
        right e left com 0px
*/

Então a distância das bordas é 0 (zero)

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software