| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>CSS Test Reference</title> | |
| <link rel="author" title="Emilio Cobos Álvarez" href="mailto:ecobos@igalia.com"> | |
| <style> | |
| .container { | |
| display: flex; | |
| width: 300px; | |
| height: 300px; | |
| align-items: center; | |
| border: 2px solid purple; | |
| } | |
| .container > div { | |
| width: 100px; | |
| height: 100px; | |
| background: blue; | |
| align-self: auto; | |
| } | |
| </style> | |
| <p>Test passes if there's a blue square vertically centered inside the box.</p> | |
| <div class="container"> | |
| <div></div> | |
| </div> |