Eu tenho uma página cheia de blocos que se acumulamdisplay: inline-block. Quero aumentar quatro ou duas vezes, então useifloat: left ouright colocar outros blocos.

Meu problema é se eu tiver umlinha de cinco elementos, como eu poderia colocar um elemento maiorno meio disso? (Comofloat coloque-o naturalmente de lado).

Aqui está um exemplo de trecho:

#wrapper{
  width: 516px;
}
.block{
  display: inline-block;
  width: 90px;
  height: 50px;
  margin: 5px;
  background-color: red;
}
.bigger{
  height: 110px;
}

<div id="wrapper">
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block"></div>
  <div class="block bigger"></div>
  <div class="block"></div>
  <div class="block"></div>
</div>

Aqui está o que eu gostaria de ter do snippet acima