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>