フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
margin: 0
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
margin: 1em
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
margin: 1em
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
margin-left: -2em
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
float:left; margin:1em
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
clear:left; margin: 1em
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
clear:left; margin-top: 4em
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
overflow: hidden; margin: 0
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
overflow: hidden;
margin: 1em
行ボックスがある場合は、フロートボックスの上外辺は行ボックスの上辺に合わされます。先行する他のフロートボックスがあって余白が不足する場合は、フロートボックスは下に移動して配置されます。
overflow: hidden; margin: 0
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。
overflow: hidden; margin: 1em
フロートボックスは、その外辺が包含ブロックもしくは他のフロートボックスの外辺に接するまで左(右へなら右)に移動します。