html - div の配置によって影響を受ける要素の選択

Question

      <span class="a" dojoAttachPoint="apoint"></span>  
      <span class="b"   dojoAttachPoint="bpoint">hyperlinked msg</span>
      <span class="c" dojoAttachPoint="cpoint"></span>
      <div>Hello</div>

CSS:

      .a, .b, .c{
            float:left
      }

ハイパーリンクされたメッセージを選択すると、次の div のテキスト 'Hello' も選択されます。この問題を回避するために、コードを次のように変更しました。

      <div>Hello</div>
      <span class="a" dojoAttachPoint="apoint"></span>  
      <span class="b"   dojoAttachPoint="bpoint">hyperlinked msg</span>
      <span class="c" dojoAttachPoint="cpoint"></span>

そして、これで問題は解決しました。この問題がどのように解決されたかについて、誰か説明してください。