SOURCE

<div id="phone">
 <div id="note">
   <div id="text">
      
  <p>惠投添益8号66期</p>
   </div> 
  
   <div id="names">
     <div><p>5.2%</p></div>
     <div><p>0.05%</p></div>
    <div><p><br>反佣率</p></div>
     <div><p>预期年化</p></div>
     <div><p>52%</p></div>
     <div><p>4个月</p></div>
     <div><p><br>投资期限</p></div>
     <div><p>剩余8000万元</p></div>
     <div><p>预约</p></div>
     <div><p><br>0.1万起投</p></div>
     </div>  
  
  </div>

#phone{
  border:2px solid red;
  width:400px;
  height:150px;
}
#names{
  display: flex;
  justify-content: space-around;
  font-size:10px;
}
#text{
  margin-left:50px;
  margin-right:80px;
  border-bottom-width:0 2px 0;
  border-bottom-style:solid;
  border-bottom-color:grey;
  height:30px;
  font-size:20px;
}
#s1{

	border:0 solid #a1a1a1;
	padding:2px 10px 2px 10px;
	background:#dddddd;
	width:55px;
  height:80px;
	border-radius:20px;
}