Padding Problem

by Wolly

HTML

<div style="height: 100%; width: 400px; margin: 0 auto; padding: 0 20px">
 <div class="row">
     <div class="element">
       <div class="something">
         <div class="content">
         
         </div>
       </div>
   </div>
   <div class="element">
       <div class="something">
         <div class="content">
         
         </div>
       </div>
   </div>
   <div class="element">
      <div class="something">
         <div class="content">
         
         </div>
       </div>
   </div>
 </div>
</div>

CSS

.row {
  height: 200px;
  background: green;
}

.element {
  width: 33.33%;
  height: 200px;
  background: blue;
  float: left;
}

.something {
  height: 200px;
  padding: 0 6px;
  
}

.content {
  background: brown;
  height: 200px;
  width: 100%;
}