.wide{
       width: 100%;
       background: yellow;
    }

    *{ box-sizing: border-box; }

    .someContent{
      float: left;
      width: 25%; height: 50px;
      background: gray;
      border: 2px solid black;
    }

    .wrapper{
      margin-left: auto;
      margin-right: auto;
      width: 70%;
      border: 2px dotted green;
    }

        .wrapper::after{
          content:"";
          clear: both;
          display: table;
        }

<div class="wide">
  <div class="wrapper">
    <div class="someContent">Контент</div>
    <div class="someContent">Контент</div>
    <div class="someContent">Контент</div>
    <div class="someContent">Контент</div>
  </div>
</div>

.someContent{
  width: 23%;
  margin: 0 1%;
}