CSS 问题，文本和复选框未对齐

Question

我有一个 css 样式问题，其中文本框和文本未对齐。下面是我的代码。我需要帮助来解决这个问题。

谢谢

<div>
                                <input
                                    type="checkbox"
                                    [checked]="section?.data?.allowMe"
                                    class="pointer-events-none"
                                />
                                <label class="ml-2 view-text" for="allMe"
                                    >Allow LostOfData to be Seen</label
                                >
                            </div>

Answer 1

使用 Flexbox (https://css-tricks.com/snippets/css/a-guide-to-flexbox/):

div {
    display: flex;
    align-items: center;
}