Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Minha página ficou toda branca e com os itens decentralizados

Referente ao curso HTML5 e CSS3 parte 1: crie uma página da Web, no capítulo Listas e divisões de conteúdo e atividade Divisões de conteúdo

por Thiago de Souza Santos
| 84.5k xp | 24 posts
Líder de Operações Logísticas 
</head>



<body>

    <img id="banner" src="banner.jpg" 

    <center </center>

    <div class="principal">
        <h1>Sobre a Barbearia Alura</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

        <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
    </div>
4 respostas
por Thiago de Souza Santos
| 84.5k xp | 24 posts
Líder de Operações Logísticas

segunda parte html

    <div class="Benefícios">

        <h2>Benefícios</h2>

        <ul>
            <li class="itens">Atendimento</li>
            <li class="itens">Espaço diferenciado</li>
            <li class="itens">Localisão</li>
            <li class="itens">Profissionais qualificados</li>
        </ul>
    </div>
 </body>
por Thiago de Souza Santos
| 84.5k xp | 24 posts
Líder de Operações Logísticas

CSS

body {

#banner { width: 100%; }

.principal{

background: #cccccc

}

h1{ text-align: center; }

p { text-align: center;

}

#missao { style=font-size: 20px }

em strong {

color: red

}

.itens { font-style: italic }

.Benefícios { background: #FFFFFF

}

h2 { text-align: center; }

por Thiago Prates de Paula
| 65.6k xp | 47 posts
Auxiliar de Informática

Bom dia Thiago, tudo tranquilo?

Então cara, no início do seu código as tags < img /> e < center /> estão sem o sinal de maior ( > ) no final delas:

O código em questãoAlém disso, na atribuição da classe .Benefícios está sem o ponto e vírgula no propriedade do background.

Assim que conseguir arrumar isso, nos dê um retorno.

solução!
por Thiago de Souza Santos
| 84.5k xp | 24 posts
Líder de Operações Logísticas

Opa Xará, obrigado pelas observações, ficarei mais ligado agora!