DJ - Containers

by Matthew Day

HTML

<div class="ainput cf">
  <div class="label">Subscribers</div>
  <input type="text" class="input1" placeholder="min" />
  <input type="text" class="input1" placeholder="max" />
</div>
<div class="ainput second cf">
  <div class="label">Total Views</div>
  <input type="text" class="input1" placeholder="min" />
  <input type="text" class="input1" placeholder="max" />
</div>

CSS

* {
  box-sizing: border-box;
}

.ainput {
  background: cornsilk;
  margin-bottom: 40px;
}

.ainput.second {
  background: thistle;
  margin-bottom: 0;
  
}

.label,
.input1 {
  float: left;
  width: 33.3%;
}

.cf:before,
.cf:after {
  content: '';
  display: table;
}

.cf:after {
  clear: both;
}