Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<html lang="en">
<head>
<meta "charset=utf-8">
<style>
p {
background: yellow;
margin: 0 0 1em 0;
font-family: monospace;
}
</style>
<body>
<h3>The columns should appear identical; "relative" should never be hyphenated</h3>
<div style="columns:2">
<p style="width: 16ch">the flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative</p>
<p style="width: 20ch">the flow-relative<br>flow-relative flow-<br>relative flow-<br>relative flow-<br>relative</p>
<p style="width: 24ch">the flow-relative flow-<br>relative flow-relative<br>flow-relative flow-<br>relative</p>
<p style="width: 41ch">the flow-relative flow-relative flow-<br>relative flow-relative flow-relative</p>
<p style="width: 50ch">the flow-relative flow-relative flow-relative<br>flow-relative flow-relative</p>
<p style="width: 16ch">the flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative flow-<br>relative</p>
<p style="width: 20ch">the flow-relative<br>flow-relative flow-<br>relative flow-<br>relative flow-<br>relative</p>
<p style="width: 24ch">the flow-relative flow-<br>relative flow-relative<br>flow-relative flow-<br>relative</p>
<p style="width: 41ch">the flow-relative flow-relative flow-<br>relative flow-relative flow-relative</p>
<p style="width: 50ch">the flow-relative flow-relative flow-relative<br>flow-relative flow-relative</p>