Let us first understand the concept of margin and padding in HTML elements and why we use them.

Padding is a space between the content and the border, or, in other words, it is a space between the HTML elements from the inside. It is used to create space within an HTML element.

Margin is a space between one HTML element and another, or, in other words, a space between the HTML elements from the outside. It is used to provide space from one HTML element to another.

What are display property and their type?

The "display" property is a property that defines how HTML elements will be displayed on the website, and its main purpose is to change the default HTML element’s display property. There are different types of display properties such as

1. Inline is a property that takes enough space that is required to display an HTML element on the website

2. Block is a property that takes all the space from left to right even if the HTML element is less information to display an HTML element on the website.

3. Inline-block is a property that takes that provides the ability to set the height and width of a block to display an HTML element on the website.

4. Hidden is used to hide all the CSS properties we have used on HTML elements.

5. None is used to completely hide the content of the HTML element on the webpage.

What are min-height, max-height, min-width, and, max-width properties?

1. min-height is a property that sets the minimum height of the HTML element and it can’t be lower than the given minimum height however it can be more.

2. max-height is a property that sets the maximum height of the HTML element it can’t be more than the given max height and it can be lower than the given height.

3. min-width is a property that sets the minimum width of the HTML element and it can’t be lower than the given minimum width however it can be more.

4. max-width is a property that sets the maximum width of the HTML element it can’t be more than the given max width and it can be lower than the given width.