Inherited properties are color and font-family which one of the properties that can change the color of the text and the other changes what type of font you would necessarily want to make the website would clean.

Non-inherited properties are margin and background-color, one of these properties can make space outside the element’s border and the other property just puts a color in the background of the website. These two properties would need to be specified which is why it’s not inherited

Inline elements don’t start on a new line but can sit next to <span> and <a> tags horizontally

Block elements can start on a new line because it takes up the full width available like <div>, <p>, and <h1> tags and would support all box models like height, width, margin, and padding.

Inline-block element is basically the combination of the inline and block elements but doesn’t start on a new line but can respect the height, width, margin, and padding properties.

Using inline-block element can actually help your website look nicer in any different size as well as controlling the dimensions of margin/padding