Как сделать логотип всегда по центру ( по горизонтали)?

Question

[offsiderst]

https://jsfiddle.net/kdat7y9q/

Answer 1

[Ankhena]

1. Абсолютом
2. Флексом, добавив к родителю ::after такой же ширины, как у первого элемента.
3. Гридами. 1fr min-content 1fr

Comments

[offsiderst]

Ankhena, насчет абсолюта - по идее понятно https://jsfiddle.net/z1ykuva0/
а флекса не совсем. Зачем after?

[Ankhena]

offsiderst, если у вас 2 элемента, то каким образом второй может встать по центру? Только если их будет трое и первый и третий будут одинаковой ширины. Либо третий пустой, а у второго margin компенсирующий ширину первого.

[offsiderst]

Ankhena, а это хороший вариант? https://jsfiddle.net/z1ykuva0/2/
или лучше абсолют ( именно в данном случае)

или тут не принципиально

[Ankhena]

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

Answer 2

[Dymok]

.wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

Comments

[offsiderst]

Dymok, имелось ввиду о логотипе
по горизонтали

Answer 3

[Дмитрий Гоголенко]

Если хочешь выровнять текст по центру:
text-align: center;
Если блок:
margin: o auto;