Центр первый элемент дизайна семейного дерева в топ-центре страницы ⇐ Html

[Anonymous]

Я следую урок по созданию дизайна семейного древа с интерактивностью, дизайн и интерактивность великолепны.
Ссылка на песочницу: https://codesandbox.io/embed/goofy-sun- ... theme=dark brybr/> indiou Ссылка < /p>
Ссылка видео (как выглядит семейное древо). Посмотреть ссылку < /p>
Это работает нормально, но дизайн дерева всегда начинается с верхнего левого угла. Это CSS, который делает это: < /p>
.genealogy-body{
white-space: nowrap;
overflow-y: hidden;
padding: 50px;
min-height: 500px;
padding-top: 10px;
}
< /code>
Я попытался изменить его, чтобы поместить его в центр и открыть остальную часть дизайна семейного дерева из центра, без успеха. Это простой CSS и должен быть таким же простым, кто-то может знать альтернативный способ заставить его работать?>

Подробнее здесь: https://stackoverflow.com/questions/708 ... er-of-page