lass="editable">
      .float1 {
      }

      .float2 {
      }
    </style>
  </head>

  <body>
    <section class="preview">
      <div class="box">
        <div class="float float1">One</div>
        <div class="float float2">Two</div>
        <p>The two boxes should float to either side of this text.</p>
      </div>
    </section>

    <textarea class="playable playable-css" style="height: 220px">
.float1 {

}

.float2 {

}</textarea
    >

    <textarea class="playable playable-html" style="height: 