You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.
Dismiss alert
<meta name="assert" content="The 'align-self' property set 'auto' will center flex items the flex items in the cross axis when 'align-items' set 'center'">
<style>
#test {
align-items: center;
background-color: red;
display: flex;
height: 100px;
width: 100px;
}
#test div {
align-self: auto;
background-color: green;
height: 50px;
width: 25px;
}
#top {
background-color: green;
margin-top: -100px;
height: 25px;
width: 100px;
}
#bottom {
background-color: green;
height: 25px;
margin-top: 50px;
width: 100px;
}
</style>
<body>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>