Split text into left and right columns using CSS

Result (drawn using ASCIIFlow Legacy):

  +--------------------------------------------------+
  |                                                  |
  | 1) This text is left.        This text is right. |
  | 2) This text is left.        This text is right. |
  |                                                  |
  +--------------------------------------------------+

Sample HTML and CSS:

  <style>
    .split { display: block; }
    .split span {
      display: block;
      float: right;
    }

    div {
      left: 200px;
      height: 100px;
      outline: 1px solid red;
      position: absolute;
      top: 200px;
      width: 300px;
    }
  </style>

  <div>
    <span class="split">1) This text is left. <span>This text is right.</span></span>
    <span class="split">2) This text is left. <span>This text is right.</span></span>
  </div>