blob: f57b1951cbd25e3b02112ddcbd454cb28f590aab [file] [log] [blame]
<!DOCTYPE html>
| When an inline box exceeds the width of a line box, it is split into several
| boxes and these boxes are distributed across several line boxes. It should
| also split at <br> elements.
body {
margin: 0px;
color: #fff;
font-family: Roboto;
font-size: 20px;
font-weight: bold;
.containing-block {
background-color: #03a9f4;
width: 500px;
<div class="containing-block">
<br><span><br>The Hegemony Consul sat on the balcony<br>of his ebony spaceship and played
Rachmaninoff's Prelude<br>in<br><br>C-sharp Minor on an ancient but well-maintained
Steinway while great, green, saurian things surged and bellowed
in the swamps below.</span>