Float aaaaaahhhhhhh

Hi there, David Pinner! I feel like you and I are going to have to agree to disagree on one thing: your understanding of floats. It seems to me that you understand them just fine. But if that's your actual code, there are a couple of things that are a bit off. First, you have class="col a". This means that that element has a class of "col" and a class of "a". I believe what you meant here was class="col-a" which is just one class named "col-a". I believe the same is true for class="col b".

Secondly, your selectors are a bit off. In the first one, you are selecting every anchor tag within an element that has a class of "col" by this selector:

.col a {
  /* some code here */
}

This selects every link inside any element that has the class of "col". I feel like what you meant to do here was select every element with the class "col-a". The same is true of your second rule except that it is selecting every <b> element, and there is no such thing in HTML Finally, you have a missing colon after your margin-left in your second rule.

Also note that the items you plan to float will have to be put in some sort of container that has a width specified so that it knows where the right and left are. I wrote these up and hope these will help. I think you'll be surprised how close you actually are.

<div class="main-div">
      <div class="col-a">
        <p>Red box</p>
      </div>
      <div class="col-b">
        <p>Blue box</p>
      </div>
</div>

.main-div {
  width: 100vw;
}
.col-a { 
   float: left;
   margin-right: 10px;
   background-color: red;
}

.col-b {
  float: right; 
  margin-left: 10px;
  background-color: blue;
}

div {
  width: 150px;
  height: 150px;
}

Hope this helps!