Placering af div'er med float : left
Hej EksperterJeg har et lille problem med de her div'er. Jeg vil gerne have den grønne div til at stå neden under den gule, og den blå til at stå yderst til højre. Hvordan gør man det nemmest?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Untitled</title>
<style>
div { width : 100px;}
</style>
</head>
<body>
<div style="width : 302px !important; height : 100px; background : orange; border : 1px solid black;">
<div style="height : 100px; background : red; float : left;"> </div>
<div style="height : 50px; background : yellow; float : left;"> </div>
<div style="height : 50px; background : green; float : left;"> </div>
<div style="height : 100px; background : blue; float : left; "> </div>
</div>
</body>
</html>
