SOURCE

<div id="phone">
 <div id="note">
   
   <div id="text"> <p>生日提醒</p></div>
   
   <div id="names">
     <div> <p>谭谭谭</p></div>
      <div> <p>谭谭谭</p></div>
      <div> <p>谭谭谭</p></div>
      <div> <p>谭谭谭</p></div>
      <div> <p>谭谭谭</p></div>
      <div> <p>谭谭谭</p></div>
   </div>
      </div>
  <div id="hezi">
    <div id="gg">公告</div>
    <div id="huitou">惠投添益8号66期</div>
     <div id="pl">
    <font size="5" color="red" >0.05%</font><br><br>
       <font size="1">返佣率</font>
  </div>
    <div id="zj">
      <font size="5" color="red">5.2%</font><br>
      <font size="2">预期年化</font><br><br>
      <font size="3" color="orange"> 52%</font>
    </div>
    <div id="c">
      <font size="4"> 四个月</font><br>
      <font size="2">投资期限</font>
    </div>
    <div id="d">剩余8000万元</div>
    <div id="e">
    预约
  </div>
    <div id="f">0.1万起投</div>
    <div id="g"><hr color="orange" size="2"></div>
</div>
      <div id="h"><hr size="2"></div>
</div>
  </div>


<hr>

#phone{
  
  border:2px solid red;
  width:500px;
  height:500px;
}
#names{
 display:inline-flex;
  justify-content:space-around;
  font-size:10px;
}
#text{
 margin-left:15px;
  margin-right:15px;
  border-bottom-width:2px;
  border-bottom-style:solid;
  border-bottom-color:grey;
  height:30px;
  font-size:20px;
}


#hezi{
  
  border:1px solid blue;
  width:500px;
  height:150px;
  flex-direction: row;
  font-size:18px;
}
#gg{
  background-color:orange;
 width:30px;
  margin-left:10px;
  font-size:15px;
  margin-top:10px;
}
#huitou{
  position:absolute;
  margin-left:50px;
  top:110px;
}
#pl{text-align:center;
width:70px;
height:80px;
margin-left:10px;
margin-top:20px;
  background-color:gray;
}
#zj{
  

  width:60px;
  position:absolute;
  text-align:center;
 left:110px;
  top:140px;
  
}
#c{
  
  width:80px;
  position:absolute;
  left:250px;
  top:146px;
  text-align:center;
}
#d{
  position:absolute;
  left:240px;
  top:210px;
}
#e{
  color:orange;
  position:absolute;
  left:400px;
  top:145px;
  font-size:20px;
}
#f{
  
  font-size:20px;
  position:absolute;
  left:390px;
  top:200px;
}
#g{
  width:105px;
  position:absolute;
  left:115px;
  top:185px;
}
#h{
  width:105px;
  position:absolute;
  left:220px;
  top:187px;
  
}