html - CSS - 如何在一行中制作复选框和标签？

Question

如何将复选框和标签放在一行？

<style>
          @supports (zoom:2) {
            input[type=checkbox]{
            zoom: 2;
            }
          }
          @supports not (zoom:2) {
            input[type=checkbox]{
              transform: scale(2);
              margin: 15px;
            }
          }
          label{
            /* fix vertical align issues */
            display: inline-block;
            vertical-align: top;
            margin-top: 10px;
            color:black;
          }
        </style>
        <input  type="checkbox" name="check_gdpr" id="check_gdpr" checked /> 
        <label for="cc">Inform me by e-mail</label>

Answer 1

将输入包装在标签中:

<label><input type="checkbox" name="check_gdpr" id="check_gdpr" checked>Inform me by e-mail</label>