align-items-009.html (502B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://crbug.com/1100203"> 3 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 4 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 5 <style> 6 #target { 7 font: 100px/1 'Ahem'; 8 color: green; 9 10 display: flex; 11 flex-direction: column; 12 align-items: center; 13 text-align: center; 14 width: 200px; 15 16 position: relative; 17 left: -50px; 18 } 19 </style> 20 <p>Test passes if there is a filled green square.</p> 21 <div id="target">X</div>