Selection of an element affected by placement of divs

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
      }

Now when i am selecting the hyperlinked message, it is also selecting the next div's text 'Hello'.To avoid this problem I changed the code to

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

And this solved the problem.Can anyone please provide an explanantion as to how this problem got solved?

You need to clear your floats, read my answers [here](http://stackoverflow.com/questions/12871710/why-clear-both-css/12871734#12871734) and [here](http://stackoverflow.com/a/16568504/1542290) — Mr. Alien, Oct 25 '13 at 08:28

score 0 · Answer 1 · answered Oct 25 '13 at 08:31

0

you forget your flux :

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

CSS

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

faq clear

answered Oct 25 '13 at 08:31

ColoO

813
5
14

it has not solved the issue..its still selecting Hello..moreover by doing so 'Hello' comes to next line..which is not required – user1200611 Oct 27 '13 at 11:08
Plz, past a Codepen, i don't see your problem. – ColoO Oct 27 '13 at 19:57

Selection of an element affected by placement of divs

1 Answers1