Divs with Wraps

<!-- --* STYLE --* -->
<style type="text/css">

.--Wrap1 { margin:8px; padding:8px; border:1px solid yellow;
	display:flex; flex-flow:column; justify-content: space-around; 
	align-items: center; align-content: space-around; }
.--Divs1 { border:1px solid blue; width:250px; }
.--Wrap2 { margin:8px; padding:8px; border:1px solid yellow; 
	display:flex; flex-flow:wrap; justify-content: space-around; 
	align-items: center; align-content: space-around; }
.--Divs2 { border:1px solid blue; width:250px; }
.--Wrap3 { margin:8px; padding:8px; border:1px solid yellow; 
	display:flex; flex-flow:wrap; justify-content: space-around; 
	align-items: center; align-content: space-around; }
.--Divs3 { border:1px solid blue; width:250px; }

</style>
<div class="--Wrap1">
<div class="--Divs1">CONTENT</div>
</div>
<div class="--Wrap2">
<div class="--Divs2">CONTENT</div>
<div class="--Divs2">CONTENT</div>
</div>
<div class="--Wrap3">
<div class="--Divs3">CONTENT</div>
<div class="--Divs3">CONTENT</div>
<div class="--Divs3">CONTENT</div>
</div>
<div class="--Wrap1">
<div class="--Divs1">CONTENT</div>
<div class="--Divs1">CONTENT</div>
<div class="--Divs1">CONTENT</div>
<div class="--Divs1">CONTENT</div>
</div>