Как выровнять строки в списке по вертикали?

Question

[Аzad Kichibekov]

Есть динамичный список, в 1 колонке name, как задать блоки чтобы длина 1 столбца задавалась по наибольшей длине name?

Comments

[Аzad Kichibekov]

Пашенька, а че так грубо? Может у меня есть вариант но я ищу лучше

[Ankhena]

Аzad Kichibekov,

Может у меня есть вариант но я ищу лучше

Покажете?
А то выходит, будто мы в конкурсе фрилансеров участвуем, а не вы просите помощи.

[Аzad Kichibekov]

Ankhena, поделить на 2 блока вот так примерно
я просто не понимаю откуда такая агрессия у людей

[Михаил]

Аzad Kichibekov, какая жизнь такая и агрессия

[Аzad Kichibekov]

Пашенька, с какой стати я лжец?, если ты пришел сюда помогать помогай если нет иди лесом

[Ankhena]

Аzad Kichibekov,
у вас есть несколько вариантов:
1. Ваш - с лишними обертками.
2. Таблицы (в смысле тег table), если это табличные данные.
3. display table (и его дочерние display)
4. display contents для li (осторожно, нарушается доступность, li перестанет восприниматься читалками как li) и display grid для родителя.
5. js

[Аzad Kichibekov]

Ankhena, Спасибо, этого я ждал...

[Аzad Kichibekov]

Пашенька, Что значит настоящие веб-разработчики? Ты родился им или как? Я не синьер в вебе, и занимаюсь в основном функциональной стороной веба, в верскте я не особо шарю, то что я называю себя так вас волновать никоем образом не должно, если ты хочешь пополнить свое эго критикой, мне тебя жаль у тебя проблемы

[Аzad Kichibekov]

Ankhena, почему нельзя просто пропустить те вопросы, пусть на него отвечают более уравновешенные люди?(ответ на ваше временное сообщение)

[Ankhena]

Аzad Kichibekov, это вопрос вне тематики ресурса :)

Answer 1

[Владислав Черненко]

Говорят помогают:
display: table-row;
и
display: table-cell;

Answer 2

[the5x]

Если это li, то для li можешь задать display:flex; align-items: center;

Comments

[Владислав Черненко]

Сами то пробовали что получится?)

Answer 3

[Леонид Роженцев]

Если это список, то:

ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*остальные стили списка*/
}