要素のポジションのコーディングに関して

CSSの３−１１の授業で、わからないコードの記載があったので、なぜこうなるのかを教えていただきたいです。

このコードでが２つ最後に並んでいるのが、よくわかりません。
この２つが並んでいるのに、なぜエラーではないのですか？

また、上記のようにした場合に図形の表示のされ方が変化するのはなぜですか？