Can block-level elements be placed inside inline-level elements without affecting validity and semantics?

It depends on the HTML version used.
No, it's semantically incorrect.
Only if the inline element has a display setting of 'block'.
Yes, they can be nested without issues.

Semantically, block-level elements should not be nested inside inline-level elements. Doing so can lead to unpredictable behavior in rendering and can also make the HTML document invalid. This practice goes against the standard document flow where block-level elements are used to structure the content while inline-level elements style specific parts within those blocks.

Add your answer