blob: 78fdaaff6ab34051da395b687d2be69e7aa5a237 [file] [log] [blame]
<!DOCTYPE html>
<!--
| When an inline box is split, margins, borders, and padding have no visual
| effect where the split occurs (or at any split, when there are several).
| https://www.w3.org/TR/CSS21/visuren.html#inline-formatting
-->
<html>
<head>
<style>
.containing-block {
width: 600px;
}
.visual-effects {
border: 5px solid green;
margin: 20px;
padding: 5px;
}
</style>
</head>
<body>
<div class="containing-block">
<span class="visual-effects">
The Hegemony Consul sat on the balcony of his ebony spaceship and played
Rachmaninoff's Prelude in C-sharp Minor on an ancient but well-maintained
Steinway while great, green, saurian things surged and bellowed
in the swamps below.
</span>
</div>
</body>
</html>