Aligning Checkboxes

I’m trying to finish my survey-form project but my checkboxes is seen like that:
I want to align them vertically. I mean every option in one line.
I googled it they suggested vertical-align:middle but it just changes the label’s position. I want every checkbox in separate lines.
my code is here:

I found the answer and wanted to share it :slight_smile:
I should have wrap my checkbox div into another element. Then make its display to flex. Finally add the flex-flow as column.
I mean in CSS it should be seen like that:

.form-group-checkbox {
        display: flex;
        flex-flow: column; }
1 Like