A Pen by Tim Jones.

CSS-vertical-dashed-line-background.markdown

CSS vertical dashed line background

A Pen by Tim Jones on CodePen.

License.

index.html

<div>Header</div>

<div class="wrapper">
  <div class="line"></div>
    
  <div class="box">something</div>
  <div class="box">something</div>
  <div class="box">something</div>

</div>

<div>Footer</div>

style.css

.wrapper {
  position:relative;
}

.line {   
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px dashed #ccc;
}

.box {
    border: 1px solid #ccc;
  padding: 10px;
    border-radius: 5px;
       
    margin: 20px;
    background-color: #fff;
}