porque acontece isso? a imagem continuou enorme ocupando a página toda. Obs: coloquei outra imagem da internet.
o código está assim:
body {
}
#banner {
width: 100%;
}
.principal{
background: #CCCCCC
padding: 30px;
}
h1{
text-align: center
}
p {
text-align: center;
}
#missao {
font-size:20px
}
em strong {
color: #FF0000;
.itens: {
font-style:italic;
}
.benefícios {
background: #FFFFFF;
padding: 20px
}
h2{
text-align: center;
}
ul {
display: inline-block;
vertical-align: top;
width: 20%
margin-right: 15%;
}
.imagembeneficios {
width: 50%
}