如何防止文本环绕复选框?我需要在复选框后对齐文本,而不是在它下面.我知道我不是第一个问的人,但我似乎无法找到解决方案.
.sign-newsletter { padding:40px; width:200px; } form li {display:inline;} fieldset {border:0;} .checkBox { width: 13px; height: 13px; padding: 0; margin:0 10px 0 0; vertical-align: bottom; position: relative; top: -2px; *overflow: hidden; } input {background:#636566; padding:7px; width:100%; margin-bottom:5px; -webkit-Box-sizing: border-Box; /* Safari/Chrome,other WebKit */ -moz-Box-sizing: border-Box; /* Firefox,other Gecko */ Box-sizing: border-Box; /* Opera/IE 8+ */ } <div class="sign-newsletter"> <form method="post" action="submit-sign-newsletter.PHP"> <fieldset> <ul> <li><input type="text" name="name" placeholder="Name" /></li> <li><input type="email" name="email" placeholder="Email" /></li> <li><input class="checkBox" type="checkBox" name="sign_me_in" value="" /><label>"Lorem ipsum dolor sit amet,consectetur </label></li> <li><input type="submit" value="Submit" class="button" /></li> </ul> </fieldset> </form> </div>
解决方法
原文地址:https://www.jb51.cc/html/232272.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。