flexbox - Angular fxLayout - 堆叠垂直文本 - css flexbox

Question

看图片，如何堆叠垂直文本，以便如果没有足够的空间，文本本身将一个接一个地放置？垂直方式的一切

我想要的是 ：

我到目前为止所做的：

<div>
    <div>
      <i class="material-icons">search</i>
      <i class="material-icons">schedule</i> text 1
    </div>
    <div class="event-text-container">
      <p style="margin-top: 0px; margin-bottom: 0px;font-size:12px;font-weight: normal;">
        text 2
      </p>
      <p style="margin-top: 0px; margin-bottom: 0px;font-size:12px;font-weight: normal;">
        text 3
      </p>
    </div>
</div>

.event-text-container {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}