Шохрух Шаймардонов

Топ запроса в гугле пожалуйста

.flex-container::after {
  content: ""
  width: 250px
}

решит проблему. ширину можно выставлять n*250px, где n - количество блоков, которых не достает, чтобы строка стала полной

Спецификация от MDN
Советую использовать bootstrap сетку

<div>
<p>Some Text</p>
</div>

div {
  display: inline-block;
  transform: rotate(-90deg);
}

div p {
  font-weight: bold;
}

Сработает если задать нижний отступ:

.float-left {
  margin-bottom: 70px /* = 100px - 30px (высота родительского блока - высота блока .float-left) */
}

Вот готовая шпаргалка