Как выровнять элементы если у них разная длина?

Question

[Андрей Андреев]

Вот на картинке есть у меня два имени, но по длине они разные, но мне нужно что бы они выровнялись по правому краю одинаково, как?

Comments

[Андрей Андреев]

TheAndrey7, фигово но примерно так, ну смысл понятен, если не одинаковое количество знаков то они не ровно по одном краю, можно сделать одну длинну, но если текст будет больше длинны, оно перекинет да другую строку что не нужно делать

https://codepen.io/Scipter/pen/bGaQpyO

[Юрий Иванов]

Андрей Андреев, Сделать три дива, в одном аниме картинка, в другом имена, в третьем конвертик. Задать обертки дисплей грид repeat(3, 1fr) и содержимое второго блока выровнять по левому краю.

[Андрей Андреев]

Юрий Иванов, а да, понял,спасибо

Answer 1

[ProstoChel92]

Если у обертки стоит diplay: flex;, то для anime-titles можно задать flex: 1 1 auto; и для его внутренних p text-align: right;

Comments

[Андрей Андреев]

Да так тоже можно, но у меня отлично получилось с grid-tempate-coloumns

[ProstoChel92]

Андрей Андреев, понятно, спасибо за отметку "решение")