tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

summary-display-list-item-002.html (823B)


      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Test: summary with 'display: list-item' and flex children</title>
      4 <link rel="author" title="Cameron McCormack" href="mailto:heycam@apple.com">
      5 <link rel="author" title="Sergio Villar Senin" href="mailto:svillar@igalia.com">
      6 <link rel="match" href="summary-display-list-item-002-ref.html">
      7 <link rel="help" href="https://html.spec.whatwg.org/multipage/rendering.html#the-details-and-summary-elements">
      8 <style>
      9 summary {
     10    display: list-item;
     11    list-style-type: none;
     12 }
     13 /* WebKit does not support list-style-type:none yet */
     14 summary::-webkit-details-marker { display: none; }
     15 </style>
     16 <details style="width: 100px;">
     17  <summary>
     18    <div style="display: flex; justify-content: space-between;">
     19      <div>AAA</div>
     20      <div>BBB</div>
     21    </div>
     22  </summary>
     23 </details>