小编dev*_*kah的帖子

如何在不使用浮动的情况下并排放置div？我问,因为我读过几次我不应该使用浮点数.或者在这种特殊情况下浮动仍然是定位元素的最佳方式？

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

http://jsfiddle.net/csYPu/77/

.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" …

多个具有相同名称的类？我知道它有效但有效吗？

.color {color:orange;}
.first .color {color:blue;}
.second .color {color:red;}

<div class="color">
some text here
</div>

<div class="first">
some <span class="color"> text here</span>
</div>

<div class="second">
some <span class="color"> text here</span>
</div>