What is the difference between display:flex vs display:inline-flex in CSS?

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

Container with display:flex behaves like a block-level element itself, while display:inline-flex makes the container behaves like an inline element.