white-space-intrinsic-size-002.html (1331B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: max-content sizing and white-space:break-spaces</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#propdef-white-space"> 6 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2"> 7 <link rel="match" href="reference/white-space-intrinsic-size-002-ref.html"> 8 <meta name="assert" content="If white-space is break-spaces, preserved spaces at the end of the line do affect the intrinsic max-content size. The value of overflow-wrap makes no difference."> 9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 10 <style> 11 aside { 12 float: left; 13 white-space: break-spaces; 14 background: blue; 15 } 16 aside:last-of-type { 17 float:right; 18 overflow-wrap: break-word; 19 } 20 div { 21 color: transparent; 22 font-family: Ahem; 23 font-size: 50px; 24 width: 3ch; 25 /* both floats should take the full 3ch, 26 one on each line 27 and therefore line up to look like a single large box. 28 29 If the spaces are not taken into account for min-content sizing, 30 the floats will leave a gap between them */ 31 } 32 .owbw { overflow-wrap: break-word; } 33 </style> 34 35 <p>Test passes if there is a single blue rectangle below. 36 <div> 37 <aside>X </aside> 38 <aside>X </aside> 39 </div>