SOURCE

<div id="box">
  <div id="div1">
    <div id="div2">
      <p>
        公募
      </p>
    </div>
    &nbsp
    <div>
      <p style="font-size:20px;">
        慧投添益8号66期
      </p>
    </div>
  </div>
  <div id="div3">
    <div id="div5">
      <p>
        0.05%
      </p>
      <p>
        返拥率
      </p>
    </div>
      <div id="div4" >
        <div>
          <p>
            5.2%
          </p>
          <p
             style="font-size:10px; line-height:2px;">
            预期年化
          </p>
          <p>
            100%
          </p>
        </div>
        <div>
          <p>
            4个月
          </p>
          <p style="font-size:10px; line-height:2px;">
            投资期限
          </p>
          <p>
            还有机会
          </p>
        </div>
      </div>
    <div>
      <p> 预约</p>
      <p>0.1万起投</p>
  </div>  
</div>

#box {
  border: 4px groove #aaffff;
  width: 400px;
  height: 200px;
}

#div1 {
  display: flex;
  align-items: baseline;
  font-size: 10px;
}

#div2 {
  margin-left: 15px;
}

#div3 {
  display: flex;
  justify-content: space-around;
}

#div4 {
  display: flex;
  justify-content: space-around;
}
#div5{
  background-color:#aaaaaf;
  border-radius:20%;
  height:80px;
}