console
<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><p>程英航</p></div>
</div>
<div id="gx1">
<div><button >公事</button></div>
<div id="gx2">慧投添益8号66期</div>
</div>
<div id="gx3">
<div id="gk1">
<div >5.2%</div>
<div > 0.05%</div>
</div>
<div>4个月</div>
<div><button>预约</button></div>
</div>
</div>
</div>
#phone{
border:2px solid red;
width:375px;
height:667px;
}
#names
{
display:flex;
justify-content:space-around;
font-size:10px;
}
#text{
margin-left:15px;
margin-right:15px;
border-bottom-width:2px;
border-bottom-style:solid;
border-color:grey;
height:30px;
font-size:20px;
}
button{
border-radius:35%;
width:50px;
height:20px;
background-color:red;
color:white;
}
#gx1{
display:flex;
margin-left:15px;
}
#gx2{
margin-left:10px;
}
#gx3{
display:flex;
margin-left:15px;
margin-right:15%;
justify-content: space-between;
line-height:60px;
}
#gk1{
justify-content: space-around;
color:red;
font-size:20px;
}