Import css-lists testcases from WPT.
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-lists / list-and-flex-001.html
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS Lists: test list with flex as its first child</title>
4 <link rel=help href="https://www.w3.org/TR/CSS22/generate.html#lists">
5 <link rel=match href="list-and-flex-001-ref.html">
6 <!--  https://bugs.chromium.org/p/chromium/issues/detail?id=767408  -->
7
8 <p>There should be no extra line generated between the marker and the flex.</p>
9
10 <ul>
11   <li>
12     <div style="border: 1px black solid;">
13       <div style="display: flex; align-items: flex-end; height: 200px;">
14         <span style="line-height: 50px">text</span>
15       </div>
16     </div>
17   </li>
18 </ul>