使用角形材料时无法对齐复选框

Question

    <div class="checkbox-password">
        <div>
           <mat-checkbox class="example-margin">Remember me</mat-checkbox>
        </div>
        <div>
           <a routerLink="/forgotPassword" class="createAccount" 
                    routerLinkActive="active"> Forgot Password? </a>
       </div>
   </div>

使用上面的代码，我会记住我，并且忘记密码彼此相邻，我需要在它们之间留出空间的帮助，我尝试了以下CSS代码。预先感谢。

CSS：

.checkbox-password {
    padding: 5px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

Answer 1

尝试给div一个类，然后将样式应用于div。

例如：

.remember-me {
  margin-bottom: 10px;
}

在CSS中

{{1}}