回答編集履歴

  ですので、a要素はインラインボックスを生成しますが、インラインボックスにはブロックレベル要素が入らないので、その場で改行が起きたように処理され、ブロックレベル要素がブロック整形コンテキストに従って配置され、フロートもされていないので回り込みも起きず、ブロックレベル要素の後にインラインボックスの続きが表示されているのだと思います。

  ただ、そのブロックレベル要素自体はa要素の子要素なので、リンクの対象となっており、ブロック整形コンテキストで配置されたブロックレベル要素は水平方向全てを使ってしまうため、横幅一杯にリンクが広がっているのだと思います。

 

 

  つまり、**インラインボックスの中にインラインレベル以外のものを入れるな**、ということかと思います。