anonymous-flex-item-001.html (1201B)
1 <!DOCTYPE html> 2 <title>text-indent in anonymous flex and grid items</title> 3 <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> 4 <link rel="match" href="reference/anonymous-flex-grid-item-001-ref.html"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#text-indent-property" title="Anonymous flex/grid items aren't anonymous block boxes."> 6 <link rel="help" href="https://crbug.com/1159311"> 7 <meta name="flags" content="ahem"> 8 <meta name="assert" content="text-indent applies to the first line of an anonymous flex item that is not the first item in the flex/grid container."> 9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 10 <style> 11 main { 12 font: 10px/1 Ahem; 13 color: orange; 14 } 15 </style> 16 17 <p> 18 Pass conditions: 19 <ul> 20 <li>The top left quadrant of the black-bordered rectangle is white. 21 <li>Only the top left quadrant of the black-bordered rectangle is white. 22 <li>The rest of the black-bordered rectangle is orange. 23 <li>No orange is outside the black-bordered rectangle. 24 </ul> 25 </p> 26 27 <main> 28 <div style="text-indent: 50px; border: 3px solid black; width: 100px; display: flex;"> 29 <div style="width: 0px;"></div> 30 ABCDE 31 ABCDEABCDE 32 </div> 33 </main>