CodePen

HTML

            
              <div class="container">
  <div class="nothing-fancy">
    <p>Lorem ips... just some boring non-content here!</p>
  </div>
</div>
            
          
!
via HTML Inspector

CSS

            
              .container {
  width: 40em;
  margin: 0 auto;
}

.nothing-fancy {
  position: relative;
  padding: 1.5em;
  border: solid orange;
  border-width: 0 0.125em;
  margin: 0 1.5em;
}
.nothing-fancy:before {
  position: absolute;
  top: 1.5em;
  bottom: 1.5em;
  left: -1.625em; /* margin + border */
  right: -1.625em; /* margin + border */
  display: block;
  border: solid orange;
  border-width: 0.125em 0;
  content: "";
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................