css 如何将此复选框居中?

gfttwv5a  于 2022-11-19  发布在  其他
关注(0)|答案(4)|浏览(245)

这是一个来自MAILCHIMP的注册表单,我正在尝试自定义。我快到了,我只需要把复选框放在它前面的句子左边。

我试着在CSS中使用各种各样的“align”命令,用checkbox对象作为类名,还有它所在的父对象。没有运气。我确信我错过了一些简单的东西...
第一个

kqqjbcuj

kqqjbcuj1#

所以我所做的就是把它包在一个跨度里,然后艾德它。希望这有帮助!
第一个

j2cgzkjk

j2cgzkjk2#

1.输入标签文本不应在单独的段落中。我已将其添加到实际标签中。
1.覆盖复选框的块显示和100%宽度(由外部样式表设置)。
其他提示:

  • 不要用换行符来分隔。这不是它们的作用。使用边距或填充。
  • 浮动是一种过时的布局技术。请使用flexbox、内联块显示或CSS网格。
  • 一定要限制容器中图像的大小。我放了一个更大的图像占位符,它在表单后面溢出了。设置最大宽度。

第一个

gpnt7bae

gpnt7bae3#

我建议将复选框和段落放在共享div中,并将其设置为display: flex;
即:
第一个

omqzjyyz

omqzjyyz4#

Package 您的 * 输入 * 和 * 标签 * 一个容器应用Flex

<div style="display:flex">
         <input type="checkbox">
         <p>I agree to receive email communications from Opis Group Ltd</p>
   </div>

相关问题