[html] Vertical divider CSS

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?

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

and

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