Css HTML列表，内部有两个浮动div'；不能正确显示

这是我的密码

<ul style="list-style-type: circle; margin-left:70px;">
<li >
    <a style="">
        <div style="border:1px solid green;float:left">asdsd</div>
        <div style="border:1px solid blue;float:left">.............</div>
    </a>
</li>
</ul>

asdsd
.............

出于某种原因，列表圆圈出现在文本上方，而不是文本左侧

我怀疑是这两个浮动的div才是罪魁祸首。我用另一个div使用style=“clear:tware”尝试了我通常的解决方案，但这也不起作用

这让我快发疯了

编辑： 我在列表中有div的原因是，我需要使用这段代码来实现jqueryui的自动完成，我需要将其划分为列（代码中的div）

---

这是我能做到的唯一方法。没有圆圈，一切都很好。但是对于圆圈…

首先，我建议将CSS分解成另一个文件。将div显示为内联块而不是浮动它们将提供类似的外观。下面是一个JS代码：你不能把block元素放在inline元素中（

在

中为什么要把div放在li元素中，而且还要把floating div放在li元素中？我更新了这个问题以澄清它在文本中没有出现。SRN：我看到文本上的点“…”而不是文本的左侧。@AndreasLarsson这是因为只有一个列表项，并且只显示一个圆圈，请将“…”文本放入另一个列表中item@KayKay没有理由不在
元素中添加浮动div。例如，查看Facebook新闻提要的源代码。