{
    width: 125px;
    flex-grow: 0;
    flex-shrink: 0;
  }
</style>

<div id="container">
  <!--
    Given the contents of #target (and the Ahem font):
      max-content width is 30ch or 600px
      min-content width is 20ch or 400px
  -->
  <div id="target">ninechars twenty_characters___</div>
</div>

<script>

setup({explicit_done: true});
document.fonts.ready.then(()=> {
  let basic_tests = [
    /* I think flex layout rules require expectations be greater than width or min-content width */
    { valu