Fronteiras com larguras percentuais

Pela primeira vez em muito tempo, tive que usar% para ajustar a largura de vários divs flutuantes dentro de um div maior (para simular uma tabela sem realmente usar o elemento de tabela html). Percebi que tentar manter essas divs alinhadas ali, tendo as bordas esquerda ou direita, é basicamente um inferno da matemática.

Depois de experimentar várias soluções em potencial, descobri o seguinte:

.row_cell {
    position: relative;
    float: left;
    display:block;
    width:10%;
    height: 40px;
    line-height: 40px;
}
.row_cell:after {
    position: absolute;
    top: 0;
    right:-1px;
    display:block;
    width: 1px;
    height:100%;
    content: '';
    background: #000; /* Border color */
}

Espero que eventualmente isso acabe sendo útil para outra pessoa 🙂