rules.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">

<style>
div {
  font: 25px Ahem, monospace;
  width: 30ch;
  white-space: pre-wrap;
  tab-size: 8;
  border: 1px solid gray;
  padding: 2px;
  margin: 2px;
}
.test {
  text-align: justify;
}
</style>
</head>

<body>
<p>The layout in the two boxes should be the same:</p>
<div>a b c&#9;tab 1&#9;tab  2  jklmno<br>pqrs</div>
<div class=test>a b c<b>&#9;</b>tab 1<b>&#9;</b>tab 2 jklmno pqrs</div>
</body>
