Alguém poderia me ajudar a entender o código abaixo?
Do jeito que está aparecem duas linhas de texto com fundo cinza. Essas linhas tem uma largura fixa. Se eu apago o código para a largura da linha (width:550px;) a segunda linha de texto fica com o fundo branco. Porque isso?
Obrigado.
<html> <head> <title>Untitled</title> <style type="text/css"> #principal{ background-color: #dddddd; width:550px; } .esquerda { float:left; } .direita { float:right; } </style> </head> <body> <div id="principal"> teste <div class="esquerda"> continuação </div> <div class="direita"> mais ainda </div> </div> </body> </html>