Css / Html - Spread Child Divs Across Parent Div

My issue is that I have a div (id=service-section-container) which contains 3 divs (class=service-section) which are shifted to the left of their parent div. I haven't found an eff

Solution 1:

i would use wrapper for those 3 service divs and set a width for it and center that div

.wrap {
  width: 90%;
  margin: 0 auto;
  display: block;
}
.section {
  width: 32.3%;
  background: red;
  height: 200px;
  margin: 3px;
  float: left
}

<div class="wrap">
  <div class="section"></div>
  <div class="section"></div>
  <div class="section"></div>
</div>