Question

why is the span element coming up when used with float

Answer 1

if you take a closer look at the float theory, you'll find out out ... [Float Layouts]; "If we enclose each column in a DIV element with ... You can clear the floats using overflow method.