Как правильно расположить элементы через стили?

Question

[tron21]

Всем привет! Возникла сложность с распределением тегов в правильном порядке.

<span><span>children</span>parent</span>

Есть родительский span и его текст всегда должен находиться по середине всего этого span. А есть дочерний span и он всегда должен быть прижат к левому краю родительского span. Никак не могу понять как это реализовать. Буду рад любой помощи

Comments

[Максим]

Ты лучше фотку приложи того что должно быть

[Ankhena]

https://qna.habr.com/q/1088262

Answer 1

[Семён Окулов]

Тебе не что-то типа этого надо?

<div class="parent-span">
  <span class="child-span">Дочерний span</span>
  Родительский span
</div>

.parent-span {
  display: flex;
  justify-content: center;
}

.child-span {
  align-self: flex-start;
}