
  <div class="eight">
   <p>
    &#x21E6; This blue box should be on the left.
   </p>
  </div>
  <div class="nine">
   <p>
    This teal box should be on the right. &#x21E8;
   </p>
  </div>
  <p>
   This text should be in between a blue box on the &#x21E6;left and a teal box on the right&#x21E8;.
  </p>
 </body>
</html>
