嗨,我尝试 float 我的 li 但不是我的 ul
<form name="contactform" action="send_email.php" method="post">
<ul>
<li><p>Email : </p> </li>
<li><input type="text" class="entry" name="email" size="30" id="input_email"> </li>
<li><span id=icon_email></span></li>
</ul>
<ul>
<li><p>Nom/Prénom/Pseudo : </p></li>
<li><input type="text" class="entry" name="name" size="30" id="input_name"></li>
<li><span id=icon_name></span></li>
</ul>
<ul>
<li><p>Message : </p></li>
<li><textarea rows="6" cols="50" class="textarea" name="body" id="input_body"></textarea> </li>
<li><span id=icon_body></span></li>
</ul>
<input type="submit" value="Envoyer un email" class="button pure_bleu" id="button_send_email">
</form>
所以在我的CSS中我有:
form ul li {
float: left;
}
所以,结果是这样的:
所以我想要那个 block :li 是 float 而不是 ul 谢谢
最佳答案
但是在语义上你使用了错误的 html 元素
ul是无序列表,用div代替
p是一个段落用span替换它
li 是一个元素列表
正确地构建您的 html 将使事情变得更容易。看看理解结构良好的 html 是多么容易 http://fiddle.jshell.net/4TzZv/16/
狮子座
关于html - Css float li 但不是 ul,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20534305/