Floating left and right, does not work!

Instruction: Float the div with a class of .left to the left and the div with a class of .right to the right.
PROBLEM: Oops, try again. Did you remember to float .left to the left?

HTML code:

  <div id="header" class="left"></div>
  <div class="left"></div>
  <div class="right"></div>
  <div id="footer"></div>

CSS code:


you assigned both a class and id to this div:

<div id="header" class="left"></div>

float won’t work with #header being fixed, remove class left from your div with id header

1 Like