css - 画像の後に2つのブロックdivが含まれるインラインdivが続く

Question

私はこの問題についてかなりの数のリンクを読みましたが、なぜ次のフィドルがそのようになっているのか理解できません。少し見落としたかもしれませんので、あらかじめお詫び申し上げます。それは本当に私の日ではありませんでした。

ここに、この改行がありますが、両方の外部divのスタイルが「display：inline」であるため、そこにあるべきではないと私は主張しています。内部div（スタイル「display：block」に設定）が改行に影響するのはなぜですか？！

私の見方では、外部divは1行にあり、改行は2番目のdiv内で発生するはずです。また、imgはデフォルトでインラインであるため、最初のdivは必要ありません。

説明はありますか？

Answer 1

<div style="display: inline">最初の div を入れると動作します - http://jsfiddle.net/v7eUN/3/

それは<div style="inline">- 大変な一日を過ごした後のただのタイプミスだったと思いますか?

Answer 2

stylemainの を間違って入力したため、 notdivを使用する必要があります。style="display: inline"style="inline"

ここを参照してください: http://jsfiddle.net/v7eUN/4/