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>
        <p>
          毕慧忠
        </p>
      </div>
    </div>
  </div>
  <div id="bbb">
    <div id="aaa">
      <p>
        慧投添益8号66期
      </p>
    </div>
    <div id="ccc">
      <div>
        <div>
          <p class="ziti1">
            0.05%
          </p>
        </div>
        <div>
          <p >
            <hr />
          <p  class="ziti2">
            返佣率
          </p>
        </div>
      </div>
      <div>
        <div>
          <p class="ziti3">
            5.2%
          </p>
        </div>
        <div>
          <p class="ziti2">
            预期年化
          </p>
        </div>
        <div>
          <p>
            <hr />
            52%
          </p>
        </div>
      </div>
      <div>
        <div>
          <p class="ziti4">
            4个月
          </p>
          <div>
            <p>
              投资期限
            </p>
          </div>
          <div>
            <p>
              <hr />
              剩余8000万元
            </p>
          </div>
        </div>
        </div>
 <div>
        <div>
          <p>
     预约
          </p>
        </div>
        
        <div>
          <p>
           <hr />
         0.1万起投
          </p>
        </div>
      </div>
      
      <div>
    </div>
  </div>

#phone {
  border: 2px solid red;
  width: 1000px;
  height: 700px;
}

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

#text {
  margin-left: 15px;
  margin-right: 15px;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: grey;
  height: 30px;
  font-size: 20px;
}

#bbb {
  border: 2px solid grey;
  width: 800px;
  height: 300px;
  margin: 0 auto;
  font-size: 15px;
}

#aaa {
  margin-left: 15px;
  margin-right: 15px;
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: pink;
  height: 30px;
  font-size: 15px;
}

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

  
  .ziti1{
    color:orange;
    font-size:45px;
    background-color:black;
    
  }
.ziti2{
    color:grey;
    font-size:20px;

    
  }
.ziti3{
    color:orange;
    font-size:45px;
}}
  .ziti4{
    color:blue;
    font-size:50px}




}
#