content-based-height-rounds-up-to-step-unit.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-rhythm/content-based-height-rounds-up-to-step-unit.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">

<link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-size">

<link rel="match" href="../reference/ref-filled-green-100px-square-only.html">

<meta name="assert" content="Content based block size is rounded up to step unit.">

<style>

.container {

  display: flow-root;

  width: 100px;

  background-color: green;

.block-step {

  width: min-content;

  block-step-size: 100px;

  color: green;

</style>

</head>

<body>

<p>Test passes if there is a filled green square.</p>

<div class="container">

  <div class="block-step">

    x x x

  </div>

</div>

</body>

</html>