<div class="box">

  <div class="name">

    番茄工作法

  </div>

  <div class="time">

    2017.6.1

  </div>

  <div class="status">

    公开

  </div>

</div>

.box{

  display:flex;

  border:1px solid #ccc;

  height:45px;

  justify-content: space-between;

  align-items: center;

  padding:0 20px

}

.name{

  font-size:18px;

  flex-grow: 1;

}

.time{

  text-align:left;

  flex-grow: 3;

}