Center divs within a parent div element

.boxes{
   display: flex;
   flex-wrap: wrap;
   justify-content:center;
   .box{
      display: inline-block;
      position: relative;
      width: 25%;
      float: left;
      padding: 15px;
      text-align: center;
   }
}