SCSS

by Ed Bulikyan

HTML

<div class="wrap">
    <div class="block">1</div><div class="block">2</div><div class="block">3</div><div class="block">4</div>
</div>

SCSS

$blue: #0084ff;
$blue-darker: darken($blue, 5);

body {
  background: #fff;
  font-family: Helvetica;
}

.wrap {
  border: 1px solid lime;

  &:after { 
      content: '';
      clear: both;
  }
}

.block {
  width: 25%;
  float: left;
  margin-left: -2px;
  border: 1px solid red;
}