垂直分隔线 CSS

Question

我正在创建一个垂直分隔线，效果很好。但是 CSS 很麻烦。

CSS 是：

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

HTML 是：

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

结果是：

我怎样才能整理 HTML 和 CSS？

原文由 422 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 amosrivera 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

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

和

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

原文由 orlp 发布，翻译遵循 CC BY-SA 2.5 许可协议