Spaced Outer Border

by Matthew Schenker

HTML

<div class="content_container">
  <div class="content">
    <p>
      This is content!</p>
    <p>
      And more content!
    </p>
    <p>
    And still more content!!
    </p>
  </div>

CSS

.content_container {
  margin: 50px 0 0 10%;
}

.content {
  width: 25%;
  position: relative;
  background: #fff;
}

.content:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -7px;
  bottom: -1px;
  border-left: red 1px solid;
}