Notion generated markup

list-notion.html

<div style="margin-left: 0em">
  <ul>
    <li>Finish the tutorial</li>
  </ul>
</div>
<div style="margin-left: 0em">
  <ul>
    <li>Drag in an image or file from your desktop</li>
  </ul>
</div>
<div style="margin-left: 0em">
  <ul>
    <li>Create a new page</li>
  </ul>
</div>
<div style="margin-left: 1em">
  <ul>
    <li>Share the new page with others</li>
  </ul>
</div>
<div style="margin-left: 0em">
  <ul>
    <li>Learn the shortcuts</li>
  </ul>
</div>

list.html

<ul>
  <li>Finish the tutorial</li>
  <li>Drag in an image or file from your desktop</li>
  <li>Create a new page
    <ul>
      <li>Share the new page with others</li>
    </ul>
  </li>
  <li>Learn the shortcuts</li>
</ul>

Notion collaborative document editor is very snazzy, but the export option needs some work. I had a look at a simple unordered list.

The export creates a div, ul, and li for each list item. This breaks the semantics of having things in a list in the first place: each li is treated as a separate list.

The export uses inline styles to show a nested list item. This breaks the link between the nested li and the parent li.