<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=800">
<style>
html { font-size: 16px; }
body { width: 800px; margin: 0; overflow-y: hidden; }
</style>
</head>
<body>
<div style="width: 500px">
Short cluster #1.
</div>
<div style="width: 500px">
Short and similar.
</div>
<div style="width: 576px; font-size: 1.8rem">
Short cluster #2.
</div>
<div style="width: 576px; font-size: 1.8rem">
Similar to #2 but long.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
laboris ni si ut aliquip ex ea commodo consequat.
</div>
</body>
</html>