Alinhamento de DIV sem usar position.

Oi! Tudo bem?

Poderiam me dar uma ajuda, por favor? :)

Estou precisando alinhar algumas DIVS da seguinte maneira:

Supondo que tenhamos uma div pai de largura 100%:

Na primeira linha: 3 DIVS de mesmo tamanho (largura: 33.3333% altura: 120px), seguida por uma DIV coluna para anúncio de mesma largura só que com altura de 240px.

Na segunda linha: 3 DIVS de mesmo tamanho (largura: 33.3333% altura: 120px), com a continuação da DIV coluna para anúncio da linha de cima.

Como faço para que as 3 divs da segunda linha encostem próximo as 3 DIVS da primeira linha visto que a DIV de anúncio empurra as DIVS da segunda linha pra baixo e sem usar position: absolute ou fixed.

Tem algum float ou display que faça as DIVS se ajustarem automaticamente sem precisar forçar nada com position, margin e essas outras opções?

#div {
 display: inline-block;
 width:120px;
 height:120px;
 border: 1px solid #000000;
}

	Como fazer as 3 DIVS de baixo encaixarem ali no espaço que ficou em branco?

	![hiw.JPG.cc29fbf6a18b48c154355f4fc1ea1f44.JPG](https://forum.imasters.com.br/monthly_2018_02/hiw.JPG.cc29fbf6a18b48c154355f4fc1ea1f44.JPG)

<div id="wrapper">
 <div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
 <div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
 <div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
 <div id="div" style="height: 240px;">DIV ADS<br/><br/><br/><br/><br/><br/></div>
 <div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
 <div id="div">DIV<br/><br/><br/><br/><br/><br/></div>
 <div id="div">DIV<br/><br/><br/><br/><br/><br/></div>

</div>