5. floating left and right


#1

its saying Oops, try again. Did you remember to float .left to the left? any ideas anyone?

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	    
	    <div id="header">
            <h3>HELLO<h3>
        </div>
		<div class="left">left</div>
		<div class="right">right</div>
		<div id="footer">my footer</div>
	</body>
</html>

#header {
border-radius: 5px;
color: #0088cc;
position: fixed;
height:5px;
width:5px;
background-color:5px;
position:fixed;
z-index:1;
}

.left {
float:left;
border-radius: 40px;
color: #33bbff;
position: fixed;
height:5px;
width:5px;
background-color:5px;
}

.right {
float:right;
border-radius: 5px;
color: #33bbff;
position: fixed;
height:5px;
width:5px;
background-color:5px;
}

.footer {
border-radius: 5px;
color: #0088cc;
position: fixed;
height:5px;
width:5px;
background-color:5px;
}

#2

float doesn't work when an element has a position fixed


#3

silly mistake, should of spot that, thanks.