.root {
    position: relative;
    display: inline-block;
    padding: 16px 0 16px 20px;
    vertical-align: top;
    line-height: 24px;
    white-space: nowrap;
}

.root[column="1"] { width: 100% }
.root[column="2"] { width: 50% }
.root[column="3"] { width: 33.333% }
.root[column="4"] { width: 25% }

.root[label-size$="small"] .label { width: 80px;}
.root[label-size$="normal"] .label { width: 100px;}
.root[label-size$="large"] .label { width: 120px;}

.label {
    float: left;
    margin-right: 20px;
    color: #999;
}

.value {
    overflow: hidden;
    white-space: normal;
    word-break: break-all;
    color: #666;
}