Inline formatting-confusion

[bluescreen]

Hi all!
I am in chapter 9 right now and found a strange behaviour with inline elements. Please view examples here:

inline-confusion

Usually inline-elements display without a gap when tags are written in one line in the codewindow.
But when you write same tags underneath each other in your code you get a gap between elements. Why? What is triggering this gap?

Except for p-tag. p-tags even cause a word wrap, unless you format them explicitly inline. Then you experience as well this gap-behaviour according to your coding again.

Could you please help me understanding this funny gap behaviour? Actually the position of tags in the code windows should not influence the result I guess.

Thank you!

[zaklina]

When you write these tags on separate lines in your code, the browser interprets the whitespace between the tags as an empty space. This results in a gap or space between the elements when they are displayed on the webpage
errors in the code so you can fix them…

[bluescreen]

Hey Zaklina!
Thank u so much for your quick reply! I got it now.