22/08/2013 Development / css

Recentemente fiz uma prova em uma avaliação profissional e caiu o exercício para fazer uma lista com espaçamento. Na hora o meu exame ficou uma merda e resolvi dar uma estudada e eis o resultado correto.

 

 

  • 1

  • 2

  • 3

 

 

li {
    width: 40%;
    display: inline-block;
    list-style-type: none;
    margin:0;
}
li div{
 margin-right: 5px;
    background: blue;
    min-height: 250px;
}
.area { width: 20% !important; }

li.area div{
    background: red;
}

http://jsfiddle.net/zKUXA/

É muito bom saber que você não sabe tudo! Sempre aprendendo!

Espero que sirva!