
este es mi codigo
Código HTML :
<div class="color"> <div class="flotarizq" id="bienvenida"> <h2>Bienvenido a Linked Files!</h2> <span>La forma más facil de compartir archivos</span> <ul> <li>Linked Files te ofrece espacio gratuito de 1Gb.</li> <li>Ademas podrás compartir tus archivos con otros usuarios.</li> <li>Subida de archivos multiples y carpetas.</li> <li>Sistema de filtro de descargas.</li> <li>Interfaz facil de usar.</li> </ul> </div> <div id="registro"> <h3>Eres nuevo aqui?<span>mira este tutorial</span></h3> <p>Puedes empezar subiendo archivos desde <a href="tutorial.html">Aquí</a></p> <p>O puedes crearte una cuenta, para administrar los archivos a tu gusto</p> <img src="img/registrarse.png" alt="registro gratuito simple y rapido"/> </div> </div> <div class="limpiar"></div> </html>
CSS
Código :
body{ width:980px; margin:auto; background-color:black; } div{ border:1px solid yellow; } #bienvenida{ width:300px; } #registro{ width:350px; } .flotarizq{ float:left; } .limpiar{ clear:both; } .color{ background-color:green; } span{ color:#5E84D3; }

1)no entiendo porque estan asi, si le puse float al primero y a los 2 les puse un tamaño para que entren en el div deberia estar al lado!
2)esta bien limpiar la flotacion como hice?