ul.object.properties > li > *,
.property > * {
  line-height: 16px;
}
ul.object.properties > li > label,
.property > label {
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}
ul.object.properties > li > :empty:before,
.property > :empty:before {
  content: " ";
  white-space: pre;
}

.property > label {
  padding: 7px;
}

ul.object.properties {
  border-spacing: 7px;
  margin: 0;
  padding: 0;
}
ul.object.properties > li {
  display: table-row;
}
ul.object.properties > li > label {
  display: table-cell;
  padding: 7px 0;
  vertical-align: top;
}

article ul.object.properties > li > :not(label) {
  background: #f4f4f4;
  border: 1px solid #f8f8f8;
  border-radius: 4px;
  padding: 6px;
}
article ul.object.properties > li > ul {
  display: block;
}
article ul.object.properties > li > ul > li {
  display: inline-block;
}
article ul.object.properties > li > ul > li:not(:last-child):after {
  content: ", ";
  margin-right: 0.3em;
}