Vertical divider CSS

Question

I am creating a vertical divider, that works fine. But the CSS is cumbersome.

The CSS is:

.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; } 

The HTML is:

<div class="headerDivider1"></div><div class="headerDivider2"></div> 

The result is:

How could I tidy the HTML and CSS up?

Answer 1

.headerDivider {      border-left:1px solid #38546d;       border-right:1px solid #16222c;       height:80px;      position:absolute;      right:249px;      top:10px;  }  <div class="headerDivider"></div> 

Answer 2

<div class="headerdivider"></div> 

and

.headerdivider {     border-left: 1px solid #38546d;     background: #16222c;     width: 1px;     height: 80px;     position: absolute;     right: 250px;     top: 10px; }