<div class="box">
  <div>box1</div>
  <div>box2</div>
  <div>box3</div>
  <div>box4</div>
  <div>box5</div>
</div>
 .box {
   width: 1500px;
   height: 100px;
   background: #eee;
   border:1px solid red;
   display: flex;
    justify-content: space-between;    /* 水平均匀分布子元素。第一个项目位于左边缘,而最后一个项目位于右边缘。 */
    //justify-content: space-around; /*  给子元素们分配空间,而不是在他们之间。 */
}
.box div{
  width:200px;
  text-align:center;
  border:1px solid blue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.