<section>
  <div>div #1</div>
  <div>div #2</div>
  <div>div #3</div>
  <div>div #4</div>
  <div>div #5</div>
  <div>div #6</div>
  <div>div #7</div>
</section>
section {
	background: #CCC;
	border: 0.25em solid green;
	width: 13em;
	height: 8em;
  display: flex;
  flex-wrap: wrap;
	gap: 1em;
}
section div {
	border: 1px dashed;
	padding: 0.125em;
	color: #555;
	background: #EEE;
	font: italic 1em Helvetica, sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.