title: html divide page into two column and overflow content from first column to second one
body: <p>I want a DIV to be split into two column like a book, and I want to overflow content from first column in to second column</p>
  
  <p>For example: <code>1234567890abcd</code> would read as</p>
  
  <pre><code>  ---------
    |1 2|90 |
    |3 4|ab |
    |5 6|cd |
    |7_8|___|
  </code></pre>
  
  <p><strong>Edit:</strong></p>
  
  <p>HTML engine I am using doesn't understand </p>
  
  <pre><code>.two-col{
      -webkit-column-count: 2; /* Chrome, Safari, Opera */
      -moz-column-count: 2; /* Firefox */
      column-count: 2;
  }
  </code></pre>
  
  <p>this CSS, I am using this to render HTML <a href="http://wkhtmltopdf.org" rel="nofollow noreferrer">http://wkhtmltopdf.org</a></p>