Как отцентровать элемент?

Question

[sw213]

Задача: что бы всегда кружок был по середине пересечений линий
выравнить его НЕ абсолютом (ибо если я ровняю абсолют трансформ транслейт) то при маленькой высоте экрана нижний блок наезжает на круг
вот так работает
https://jsfiddle.net/freyameepo/k3abLfhe/
ну если в стилях контейнера расскоментировать строку с падингами, то все ломается

Comments

[Ankhena]

<div class="line1"></div>
  <div class="line2"></div>
  <div class="circle"></div>

Если у кружочка нет функциональной нагрузки, то вот это всё можно смело удалить из разметки и заменить на псевдоэлементы или просто градиенты: два линейных и один радиальный.

Answer 1

[Noder SS]

Сделайте вручную с помощью отступов. У вас все правильно записано. У меня идентичные ситуации были, когда, вроде бы, все правильно написано, а на деле с отступами косячит.

Comments

[sw213]

немного не понял про вручную с помощью отступов

[Noder SS]

sw213, margin