.top-summary {
    max-width: 600px;
    margin:auto;
}

.top-summary > dl {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
}


.top-summary > dl > dt, .top-summary > dl > dd {
    padding: 20px;
    border: solid #ccc;
    box-sizing: border-box;
}

.top-summary > dl > dt {
    border-width: 1px 0px 0px 0;
    width: 130px;
}

.top-summary > dl > dd {
    border-width: 1px 0px 0px 1px;
    width: calc(100% - 130px);
    display: flex;
}

.top-summary > dl > dd span {
    width: 88px;
}