インラインボックスの表示とマージン、パディング

１．通常インライン配置
margin: 0; padding: 0

ここは匿名インライン 親ボックス始まり ここは子ボックス 親ボックス終わり ここでインライン終わり（ここも匿名インライン）

２．親ボックスにマージン、パディング
margin: 1em; padding: 0.5em

ここは匿名インライン 親ボックス始まり ここは子ボックス 親ボックス終わり ここでインライン終わり（ここも匿名インライン）

３．子ボックスにマージン、パディング
margin: 1em; padding: 1em

ここは匿名インライン 親ボックス始まり ここは子ボックス 親ボックス終わり ここでインライン終わり（ここも匿名インライン）

４．子ボックスをフロート
float: right; margin: 0.5em

ここは匿名インライン 親ボックス始まり ここは子ボックス 親ボックス終わり ここでインライン終わり（ここも匿名インライン）

５．子ボックスのフロート解除
clear: right

ここは匿名インライン 親ボックス始まり ここは子ボックス 親ボックス終わり
ここでインライン終わり（ここも匿名インライン）

６. 親ボックス絶対配置（ブロック左上を基準）
top:30px; left:120px; width:160px

ここは匿名インライン 親ボックス始まり ここは子ボックス 親ボックス終わり ここでインライン終わり（ここも匿名インライン）

７. 子ボックス絶対配置（ブロック左上を基準）
top:50px; left:50px; width:100px

ここは匿名インライン 親ボックス始まり ここは子ボックス 親ボックス終わり ここでインライン終わり（ここも匿名インライン）