blob: dd5e9cb3c28778827ed912e60bf13ee8bf67a2b7 [file] [log] [blame]
<!DOCTYPE html>
| In an inline formatting context, boxes are laid out horizontally, one after
| the other, beginning at the top of a containing block. Horizontal margins,
| borders, and padding are respected between these boxes.
body {
font-size: 100px;
.hello {
border: 10px solid green;
margin: 10px;
padding: 10px;
.world {
border: 20px solid blue;
margin: 20px;
padding: 20px;
<span class="hello">Hello,</span><span class="world">world!</span>