5 <meta name="viewport" content="width=800">
7 html { font-size: 16px; }
8 body { width: 800px; margin: 0; overflow-y: hidden; }
14 <div style="font-size: 1.25rem">
15 <div style="width: 240px">
16 This text should be autosized to 20px computed font-size as it is combined with the next and the last narrow siblings and the maximum width is 400px.
18 <div style="width: 320px">
19 This text should be autosized to 20px computed font-size as it is combined with the first and the last narrow siblings and the maximum width is 400px.
21 <div style="width: 560px; font-size: 1.75rem">
22 This text should be autosized to 28px computed font-size as it is combined into a separate group from its two siblings since it's significantly wider.<br>
23 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
25 <div style="width: 400px">
26 This text should be autosized to 20px computed font-size as it is combined with the first and the second narrow siblings and the maximum width is 400px.<br>
27 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.