Check out this link for more information on inline boxes
An inline box is a unique element that falls under the category of both inline-level and participates in its containing inline formatting context. When a non-replaced element has a 'display' value set to 'inline', it generates an inline box. Other types of inline-level boxes, such as replaced elements, inline-block elements, and inline-table elements are referred to as atomic inline-level boxes because they behave as a single opaque box within their inline formatting context.
So, does this mean that an inline-level atomic box creates a layout different from the typical inline formatting context? For example, using inline-flex would generate a flex layout instead?
I'm still trying to grasp this concept fully, hence my question. Can someone clarify this for me?