Как выровнять флажки Angular материалы по вертикали с разными размерами текста внутри div и держать их в середине div

Question

Вот стекаблиз, показывающий проблему: https://stackblitz.com/edit/angular-addm8z-rng1eb?file=app / checkbox-Overview-example. css

Изображение проблемы
1010 * Expectation *

Answer 1

Вам необходимо установить ширину cb-wrapper.

т.е.

    .cb-wrapper
    {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100px;
    margin: auto;
    }