What is the difference between block level elements and inline elements?

Answer 1

Block level elements always start from a new line, while multiple inline elements can be written into a single line without breaking it. As an example, img is inline, meaning you can add a smiley in the middle of the text without having that smiley show up from new line. P(aragraph) tag is a different story - text will start from a new line each time you add a paragraph tag (p).

Answer 2

note down this ans

Answer 3

Difference between inline and block level elements??
===
This is a more detailed answer, I hope this helps.
In brief, here are the basic conceptual differences between inline and block level elements:
Content model- Generally, inline elements may contain only data and other inline elements. You can't put block elements inside inline elements.
Formatting- By default, inline elements do not force a new line to begin in the document flow. Block elements, on the other hand, typically cause a line break to occur (although, as usual, this can be changed using CSS).

the <div> element has a default CSS property that
In this example, the <div> block-level element contains some text. Within that text is a <span> element, which is an inline element. Because the <span> element is inline, the paragraph correctly renders as a single, unbroken text flow.
example of Block level elements :
<div>,
<form>
<p> etc.
example of Inline elements :
<span>,
<a>,
<img> etc.
Example 2:
<p>You know, <span> you are Awesome</span></p>