Sandbox::https://github.com/web-platform-tests/wpt/blob/master/css/css-flexbox/flex-align-content-end.html

Repository navigation

<!DOCTYPE html>

<html>

<head>

<title>CSS Flexible Box Test: align-content property - flex-end</title>

.container {

position: relative;

height: 14em;

width: 20em;

display: flex;

flex-wrap: wrap;

align-content: flex-end;

background: red;

margin: 1em;

border: 1px solid black;

}

span {

height: 2em;

display: inline-block;

flex: none;

background: green;

color: white;

margin: 1em;

width: 8em;

}

</style>

</head>

<body>

<p>The test passed if you see a 2*2 table and all the cells are at the bottom of container.</p>

<span>first</span>

<span>second</span>

<span>third</span>

<span>forth</span>

</div>

</body>

</html>