Run
1264 x 150
x
1
<!DOCTYPE html>2
<html>3
<head>4
<style> 5
#main {6
width: 100px;7
height: 250px;8
border: 20px solid #000000;9
display: flex;10
flex-wrap: wrap;11
align-content: center;12
}13
14
#main div {15
width: 100px;16
height: 50px;17
}18
</style>19
</head>20
<body>21
<h1>align-content property example</h1>22
<div id="main">23
<div style="background-color:red;"></div>24
<div style="background-color:white;"></div>25
<div style="background-color:green;"></div>26
</div>27
<p><b>Note:</b> Internet Explorer 10 and earlier versions do not support the align-content property.</p>28
</body>29
</html>
