如何防止文本环绕复选框？我需要在复选框后对齐文本,而不是在它下面.我知道我不是第一个问的人,但我似乎无法找到解决方案.
.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>
