<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Lists: test list with flex as its first child</title>

<p>There should be no extra line generated between the marker and the flex.</p>

<ul>
  <li>
    <div style="border: 1px black solid;">
      <div style="display: inline-flex; align-items: flex-end; height: 200px;">
        <span style="line-height: 50px">text</span>
      </div>
    </div>
  </li>
</ul>