SOURCE

<!-- <div class="flex-container">
  <div class="box">A</div>
  <div class="box">B</div>
  <div class="box">C</div>
</div> -->

<div class='flex-container'>
    <div class="box">姓名</div>
    <div class="box">邮箱</div>
    <div class="box">性别</div>

/* .flex-container {
  display: flex;                
  justify-content: center;      
  gap: 10px;     
                 
}

.box {
  width: 60px;
  height: 60px;
  background-color: lightblue;
  text-align: center;
  line-height: 60px;
  border-radius: 6px;
}

 */
.flex-container{
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction:column;
}

.box{
    width: 100px;
    height: 100px;
    background-color:greenyellow;
    text-align: center;
    line-height: 60px;
    border-radius: 6px;
}