<!DOCTYPE html>
<title>CSS Snap Size: snap-width</title>
<link rel="author" title="Koji Ishii" href="kojiishi@gmail.com">
<style>
.test, .ref {
  font-family: Ahem;
  font-size: 32px;
  line-height: 1;
  margin: .5em 0;
  width: 20em;
}
</style>
<body>
<p class="instructions" style="display:none">Test passes if the top and the bottom boxes are the same,
  including how they look and their horizontal positions.
<div class="test">XXXXXXXXXX XXXXXXXXX</div>
<div class="ref">XXXXXXXXXX XXXXXXXXX</div>
</body>