SOLUCION: PARA QUE ESTO NO SUCEDA HAY QUE DEFINIR LA PROPIEDAD FLOAT CON VALORES RIGHT O LEFT.
Código CSS:
Ver original
.mitad {float:right;} /* o si no*/ .mitad {float:left;}
Código HTML:
Ver original
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="estilos.css" media="all"> </head> <body> <body> </html>
Código CSS:
Ver original
div { padding: 0px; margin: 0px; } .mitad { width: 100px; height: 100px; background-color: #00af00; position: static; background-color: #000; display: inline-block; }