What is the difference between inline and block elements?? I want a good and easy explains

Answer 1

Fahd Raafat Muhammad

https://www.w3schools.com/html/html_blocks.asp

https://www.google.com/amp/s/www.freecodecamp.org/news/inline-elements-and-block-elements-in-html-explained/amp/

Answer 2

By default, block-level elements begin on new lines, but inline elements can start anywhere in a line. The distinction of block-level vs. inline elements was used in HTML specifications up to 4.01.

Answer 3

You need to know the very foundamental explain about this topic :

BLOCK ELEMENTS : groups all of those html elements, like
<div> - 1st block element </div>
<section> - 2nd block element </section>
<p> - 3rd block element </p>

that's create an empty line after each tag element.

INLINE ELEMENTS: groups all of those HTML elements, like <span> 1st inline element </span> <em> 2nd inline element </em> <a> 3rd inline element </a> without create an empty line after each element tag.

Here an example :

https://code.sololearn.com/Wv9djPiV9IxC/?ref=app

I hope to be helpfully.