如何阻止li标签包装

Question

嗨我有李包装的问题。我的拳头<li>是左侧浮动的主标题，另一个<li>应列在右侧，但正如您可以看到它在第一个<li>上的包裹。

以下是代码http://jsfiddle.net/ninja81/4ZG8M/

由于

Answer 1

“清除”div不是问题（但仍然不应该存在）。问题是您没有为右侧所需的所有li定义宽度，并且它们没有正确浮动。你也应该给UL一个宽度，除非你想要它的宽度。注意：li也会被清除，因此它们位于单独的行上，但不要跳到标题下方（如果你是clear:both;则会跳到它们下方）更新下面的元素：

ul.news_box li{font-size:10px; list-style:none;clear:right;float:right;width:200px;}
ul.news_box {padding-top:5px;width:600px;}

Answer 2

首先，这是无效：</li><div class="clear"></div>。您在<div>之间不能有<li>。

Answer 3

在http://jsfiddle.net/4ZG8M/3/

中查看我的回答

不确定这是否是你的意图。如果由我决定，我会更好地构建它。

Answer 4

你可以在里面有一个div，它可能不常见但是允许它。