title: Vertical divider CSS
body: <p>I am creating a vertical divider, that works fine. But the CSS is cumbersome.</p>
  
  <p>The CSS is:</p>
  
  <pre><code>.headerDivider1 {
  border-left:1px solid #38546d;height:80px;position:absolute;right:250px;top:10px;
  }
  
  .headerDivider2 {
  border-left:1px solid #16222c;height:80px;position:absolute;right:249px;top:10px;
  }
  </code></pre>
  
  <p>The HTML is:</p>
  
  <pre><code>&lt;div class="headerDivider1"&gt;&lt;/div&gt;&lt;div class="headerDivider2"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The result is:</p>
  
  <p><img src="https://i.stack.imgur.com/zBIQP.jpg" alt="alt text"></p>
  
  <p>How could I tidy the HTML and CSS up?</p>