-
Details
Float divs
Floating divs allow text to wrap around blocks of divs
<![CDATA[
<!DOCTYPE html>
<html>
<head>
<style>
html{
height:100%;
width:100%;
}
body{
height:100%;
width:100%;
background:solid green;
margin:0;
padding:0;
}
.floatindiv {
position:relative;
width:20%;
height:100%;
float:left;
background-color:red;
}
</style>
</head>
<body>
<div class="floatindiv" style="background-color:green"><p>Learn</p></div>
<div class="floatindiv" style="background-color:red"><p>More</p></div>
<div class="floatindiv" style="background-color:blue"><p>Make</p></div>
<div class="floatindiv" style="background-color:yellow"><p>More</p></div>
<div class="floatindiv" style="background-color:black"><p>Money</p></div>
</body>
</html>
]]>