Can anyone give me a simpler explanation on what Inline and block-level elements are??

Question

I'm still new to coding and have started learning html fundamentals although I'm having difficulty understanding what the Inline and block-level elements are so can someone pls help me??!?

Answer 1

Block level elements begin with a new line .

eg. <div>Block</div> <div>Element</div>
result--
Block
Element

Whereas inline elements align themselves on the same line if space is there

eg. <span>Inline</span> <span>Element</span>
result--
Inline Element
(note- no line breaks on this one)

Answer 2

inline means elements In line and block level elements represent whole block.
like you want to add specific color to any text in a line, its inline.
whole paragraph, section etc are block level elements.