div.box-container {
  overflow-x: scroll;
}
div.box-container > div.box {
  display: inline-block;
  min-width: 100%;
  white-space: nowrap;
  border: var(--border-thickness) solid var(--text-color);
  padding:
    calc(var(--line-height) / 2 - var(--border-thickness))
    calc(1ch - var(--border-thickness));
  -webkit-text-size-adjust: 100%;
}

.has-word-break-all {
  word-break: break-all;
}