Горизонтальный повтор с использованием Flex не работает ⇐ CSS

[Anonymous]

Я пытаюсь выровнять текстовые поля в ngFor по горизонтали, но не могу понять, что делаю неправильно.

В HTML родительского элемента у меня есть:

В CSS родительского элемента у меня есть:

.maintenance-section { ширина: 1250 пикселей! важно; } .ежегодно { дисплей: гибкий; гибкое направление: столбец; разрыв: 4 пикселя; максимальная ширина: подходящее содержимое; } В дочернем компоненте у меня есть:

Год {{index}} В CSS дочернего компонента у меня есть:

.стоимость-обслуживания{ ширина: 107 пикселей;

метка { justify-self: гибкий конец; положение: относительное; начертание шрифта: жирный; } .required::after { содержание: '*'; цвет: #CC0000; позиция: абсолютная; слева: -10 пикселей; }