在弹性框内对齐文本

Question

我想使用flexbox设计布局，除了不能使文本垂直居中对齐之外，我已经完成了所有设计。

Stack中有许多与我相同的问题，但没人能解决。

.row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 600px;
  padding: 0;
}

.column1 {
  flex: 100%;
  padding: 0;
}

.column2 {
  flex: 50%;
  padding: 0;
}

div>div>p {
  display: flex;
  justify-content: center;
  align-items: center;
}

<div class="row">
  <div class="column1" style="background-color:blue;">
    <p>Left Column</p>
  </div>

  <div class="column2" style="background-color:orange;">
    <p>Right - One</p>
  </div>

  <div class="column2" style="background-color:gray;">
    <p>Right - Two</p>
  </div>
</div>

我根据搜索的内容在分隔符内添加了最后一个CSS选择器，即段落，