ul&li to table

pyon

* aa * b
     * c
     * d
* e  * f  * g
          * h
     * ii * j
          * k
* l

[bad]
* aa * b
     * c
     * d
* e * f * g
        * h
    * ii * j
         * k
* l

pyon.html

<ul>
  <li><div data-depth="1">a</div>
    <ul>
      <li><div data-depth="2">b</div></li>
      <li><div data-depth="2">c</div></li>
      <li><div data-depth="2">d</div></li>
    </ul>
  </li>
  <li><div data-depth="1">ee</div>
    <ul>
      <li><div data-depth="2">f</div>
        <ul>
          <li><div data-depth="3">g</div></li>
          <li><div data-depth="3">h</div></li>
        </ul>
      </li>
      <li><div data-depth="2">ii</div>
        <ul>
          <li><div data-depth="3">j</div></li>
          <li><div data-depth="3">k</div></li>
        </ul>
      </li>
    </ul>
  </li>
  <li><div data-depth="1">l</div></li>
</ul>