SOURCE

<div id="phone">
  <div id="note">
    <div>
      <br/><button id="sb">公事</button>
<h> 慧投添益8号66期</h>
</div><div id="num">
<div id="ss"><div><p id="sd">0.05%</p></div>
<div><p>返佣率</p></div></div><div id="sa">
   <div><p id="sd">5.2%</p></div>
     <div><p id="text">预期年化</p></div>
         <div><p id="text">52%</p></div>
  </div>
      <div id="sa">
   <div><p>4个月</p></div>
     <div><p id="text">预投资期限</p></div>
         <div><p id="text">剩余8000万元</p></div>
  </div>
      <div id="sp">
    <div><button id="sb">预购</button></div>
     <div><p>0.1万起投</p></div>
  </div>
      </div>
  </div>
</div>

#phone {
  border: 2px solid red;
  width: 350px;
  height: 500px;
}
#sb{font-size:10px;
  border-radius:35%;background-color:red;width:40px;
  height:20px;
}
#text{
  margin-left: 16px;
  font-size: 10px;
}
#ss{
  margin-left: 15px;
  font-size: 17px;
  
}
#sd{font-size: 17px;
  color:red;
   margin-left: 15px;
}
#num{
  display: flex;
  justify-content: space-around;
}