fiz o display: inline mas não ta, ainda ta como block
Solucionado
fiz o display: inline mas não ta, ainda ta como block
Manda o código css :)
Jhonatha coloca depois o código aqui pra gente dar uma olhada.
Se possível, seria interessante colocar a parte do HTML também, para ver se as classes que você colocou estão certinhas.
PS: Verificou se as classes no HTML que vc nomeou nessa DIV é exatamente as que vc está manipulando no CSS? Pergunto isso pq geralmente esse era um dos meus erros quando era bemmmmm iniciante na programação.
html
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contato</a></li>
</ul>
</nav>
</div>
</header>css
header { background: #BBBBBB; padding: 20px 0; } nav li { display: inline; margin: 0 0 0 15px; } nav a { text-transform: uppercase; color: #000000; text-decoration: none; font-weight: bold; font-size: 22px; } .caixa { position: relative; width: 940px; margin: 0 auto; } nav { position: absolute; top: 110px; right: 0px; }
#banner { width: 100%; } .titulo-principal { padding-left: 20px; } .principal { background: #CCCCCC; padding: 30px; }
.centralizar { text-align: center }
p { text-align: center; }
#missao { font-size: 20px }
em strong { color: #FF0000; } .beneficios { background: #FFFFFF; }
ul { display: inline-block; vertical-align: top; width: 20%; margin-right: 15% }
.itens { font-style: italic; }
.imagemB { width: 50%; }
Entendi o problema. Você colocou inline-block no elemento ul e não nas li's.
Você pode mudar, no css, o seletor ul para li mas não sei se pode dar algum problema. Acho mais seguro você fazer assim:
li {
display: inline-block
}Abaixo de ul
Espero que ajude.