What is the Difference between block Element and Inline Element?

Question

I am new to css. I wonder what is the differences between these two (display:inline vs display:inline-block). please provide any example.

Answer 1

Block Element Always starts with a new line and leave some margin and padding examples are <h1>, <p>

Inline Element Always starts with the same line leave no margin and padding examples are <img> <hr>