flexboxを使用した場合のテキストのセンター配置

Question

flexboxを使用して画像とテキストを左右交互に配置したのですが、テキストをセンターに配置したいのですが、どうすればできますでしょうか？
ご回答お願い致します。

<div class="box">
          <div class="text">
            <h3>#</h3>
            <p></p>
          </div>
          <div class="pict"><img src="#" alt="#"></div>
        </div>
        
        <div class="box">
          <div class="text">
            <h3>#</h3>
            <p></p>
          </div>
          <div class="pict"><img src="#" alt="#"></div>
        </div>
        <div class="box">
          <div class="text">
            <h3>#</h3>
            <p></p>
          </div>
          <div class="pict"><img src="" alt="#"></div>
        </div>
        
        <div class="box">
          <div class="text">
            <h3>#</h3>
            <p></p>
          </div>
          <div class="pict"><img src="#" alt="#"></div>
        </div>

.box {
  padding: 20px 0; 
  display:flex;
  flex-direction: row;
  justify-content: space-between;　
  margin-bottom: 40px;
}


h3 {
  font-size: 21px;
  margin: 0;
}

.pict {
  width: 30%;
  margin-left: 3%;
}

.pict img {
  width: 405px;
  height:auto;
}

.box:nth-child(even) {
  flex-direction: row-reverse;
}
.box:nth-child(even) .text {
  text-align: right;
}
.box:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 3%;
}

Answer 1

こういうことですか？

.box:nth-child(2n) .text {
	/* text-align: right; 削除 */
}
.text {/* ついか */
	flex-grow: 1;
	text-align: center;
}

Comments

[ver33]

その通りです。
知識不足なところを補っていただき、ありがとうございました。

[Lhankor_Mhy]

お役に立てたようで何よりです。