Why doesn't my div inside a span work properly?

Question

I\'m writing the following HTML markup:

 Some Text
    
татата

and s

Answer 1

By default div's is a block element and span is an inline element. Block elements always flow vertically and inline elements always flow next to each other from top left to the bottom right depends on screen width. We can use inline elements under the block element, not vice versa. If we override we expect to see some issues like this on responsive layout.