я есть страница, полная блоков, которые накапливаютсяdisplay: inline-block, Я хочу сделать в четыре или два раза больше, поэтому я использовалfloat: left или жеright поставить другие блоки вокруг.

Моя проблема, если у меня естьряд из пяти элементовКак я мог поставить больший элементв середине из этого? (какfloat положить это естественно на стороне).

Вот пример фрагмента:

#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>

Вот что я хотел бы получить из приведенного выше фрагмента