CSS display: contents

`display: contents` causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques.

CSS Generated content for pseudo-elements

Method of displaying text or images before or after the given element's contents using the ::before and ::after pseudo-elements. All browsers with support also support the `attr()` notation in the `content` property.

css property: display: contents

css property: display: contents: specific behavior of unusual elements when `display: contents` is applied to them