Как можно сверстать такую раскладку так, что-бы существовал элемент для которого A и B являются потомками, а C не является? На ум приходит только float или вообще абсолютное позиционирование. Но ведь есть всякие модные flex-ы и grid-ы.
Смысл этого непотребства в том что-бы получить требуемую картинку сохранив структуру HTML соответствующей структуре данных.
Вопрос скорее теоретический, «нужно» это в одном личном проекте который я благополучно динамлю уже года два по массе причин. Так-что поддержка всякими там IE не важна