Css Flex Wrap Column и выровнять по левому краю ⇐ CSS

[Anonymous]

Перечислить все li в столбцах направления при переносе переполнения и выровнять по левому краю

Как вы можете видеть прикрепленный код после переноса, он располагается по центру.

Столбцы не выравниваются по левому краю. Я хочу, чтобы столбцы были выровнены по левому краю.

Как выровнять столбцы по левому краю? body { фон: #6e28d9; отступ: 0 24 пикселя; белый цвет; /* Меняем цвет на желтый */ маржа: 0; высота: 100вх; дисплей: гибкий; оправдание-содержание: начало; выровнять-элементы: по центру; } .seating_list { тип стиля списка: нет; дисплей: гибкий; выровнять-элементы: гибкий старт; гибкое направление: столбец; flex-wrap: обертка; высота: 100 пикселей; разрыв: 10 пикселей; ширина: 200 пикселей; переполнение-х: авто; оправдание-содержание: гибкий старт; поле: 0 пикселей; отступ: 0 пикселей; } .seating_list ли { ширина: 80 пикселей; } .seating_list li label{ начертание шрифта: жирный; отступ справа: 10 пикселей; } .seating_list ли ввод { ширина: 30 пикселей; граница: сплошная 1 пиксель #6e6e6e; радиус границы: 3 пикселя;

• A1 A2 A3 A4

body { фон: #6e28d9; отступ: 0 24 пикселя; белый цвет; /* Меняем цвет на желтый */ маржа: 0; высота: 100вх; дисплей: гибкий; оправдание-содержание: начало; выровнять-элементы: по центру; } .seating_list { тип стиля списка: нет; дисплей: гибкий; выровнять-элементы: гибкий старт; гибкое направление: столбец; flex-wrap: обертка; высота: 100 пикселей; разрыв: 10 пикселей; ширина: 200 пикселей; переполнение-х: авто; оправдание-содержание: гибкий старт; поле: 0 пикселей; отступ: 0 пикселей; } .seating_list ли { ширина: 80 пикселей; } .seating_list li label{ начертание шрифта: жирный; отступ справа: 10 пикселей; } .seating_list ли ввод { ширина: 30 пикселей; граница: сплошная 1 пиксель #6e6e6e; радиус границы: 3 пикселя;

• A1 A2 A3 A4 A5 A6 A7