Hola buenas,
Tengo los siguientes códigos HTML y CSS que se visualizan bien en todos los navegadores:
Código:
<html>
<head>
<title>Tutorial CSS</title>
<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>
<body>
<div>Texto en el div</div>
<span>Este texto está dentro del body y fuera del div</span>
</body>
</html>
Código:
div {
float:left;
height:80px;
width:100px;
background-color:yellow;
}
span {
background-color:cyan;
}
La duda que me surge es, que si pongo el SPAN antes del DIV no se muestra bien en Explorer 9 (no he podido probarlo en versiones anteriores), es como si a pesar de definir un ancho y flotar el DIV a la izquierda crease una línea (al ser de tipo block) pero a todo el ancho disponible.
¿Cuál es el motivo y de qué modo podría solucionarse?
Muchas gracias