SOURCE

<div id="phone">
  <div id="text">
    <div style=color:orange;font-size:15px>
      公告
    </div>
    <b id="text">
      慧投添益8号66号
    </b>
  </div>
  <div id="div1">
    
    <div><p style=color:orange>
      5.2%
    </p>
      <p style="color:gray;font-size:10px">预期年化</p>
    </div>
   <div> <p>
      四个月
    </p><p style="color:gray;font-size:10px">投资期限</p>
    </div>
    <p style=color:orange>预约</p>
  </div>
  <div id="div2">
    <p style=color:orange >
      52%
    </p>
    <p>
      剩余8000万元
    </p>
    <p>0.01万元起投</p>
  </div>

#phone {
  border: 2px solid red;
  width: 400px;
  height: 667px;
}

#names {
  display: flex;
  justify-content: space-around;
  font-size: 10px;
}

#text {
  display: flex;
  margin-left: 15px;
  margin-right: 15px;
}

#div1 {
  display: flex;
  justify-content: space-around;
}

#div2 {
  display: flex;
  justify-content: space-around;
}