Игорь Воротнёв: Вот как написано на сайте w3c
Элемент hr представляет собой тематический разрыв уровня параграфа.
Хотя предыдущие версии HTML определен элемент hr только в презентационных терминах, теперь дано конкретное смысловое назначение, представляющий "пункт уровня тематического разрыва".
Coder321: Ну тогда родительскому абсолютное позиционирование, а с дочерним что то я плохо понял вашу суть центром своей стороны к центру правой или левой стороны первого, получается что дочерний по вашим словам должен на 50% выходить за пределы родителя?
display: none скрывает элемент, но не удаляет его из документа, то же самое если вы спрячете какой то предмет он же все равно будет сушевствовать, думаю если вам нужно подгружать элементы по действию это уже через скрипты
codepen.io/anon/pen/WoNdVV