width: 2px 3px 4px 5px;
      padding: 4px 5px 7px 8px;
      margin: 1px 2px 3px 4px;
    }
    .inline-block {
      display: inline-block;
    }
    .inline-flex {
      display: inline-flex;
    }
    .inline-grid {
      display: inline-grid;
    }
</style>
</head>
<body>
  Test passes if the a/b text aligns with the bottom margin-edge of the "block"
  rect and baseline-aligns with the "flex" and "grid" text.
  <br><br>

  <!-- Note: for this first "inline-block" case, we take the inner text out of
   