CSS Block vs. inline CSS level elements

Almost all HTML elements are block elements or inline elements.
1. Block elements begin on new lines while inline CSS begins on the same lines
2. In CSS blocks the line height, height, bottom and top margins can be edited and manipulated however they cannot be manipulated or changed in inline CSS
3. If not specified CSS Block width default is 100% of the containing element. Whereas in inline CSS the width is determined by the length of the text or image and it can’t be changed.
4.Examples of CSS block elements : <p>, <h1>, <div>,<ul>, <li> and <form>.
5.Examples of inline CSS elements include <a>, <label>, <input>, <img>, <strong> , <em> and <span>.

You can use display: inline/display: block to change the status of an element from being a block to inline, or the other way around. This could be used if you want
•an inline element to begin in a new line
•a block element to begin on the same line
•edit the width of a CSS inline element
•edit the height of a CSS inline element
•assign a background color to the width of the text of your block elements, without specifying a width