Html 浮子：铬合金中的左insive li_Html_Css_Google Chrome_Html Lists

Html 浮子：铬合金中的左insive li

html css google-chrome

Html 浮子：铬合金中的左insive li,html,css,google-chrome,html-lists,Html,Css,Google Chrome,Html Lists,当我将float:left设置为block in时，Chrome会错误地显示它如何解决这个问题？您可以使用和减少html标记 ol{ 列表样式：无；计数器复位：部分； } 欧利{ 位置：相对位置； } 奥利：以前{ 反增量：节；内容：柜台（部分）；背景：#999；宽度：15px；高度：15px；填充：2px；文本对齐：居中；边界半径：2px；位置：绝对位置；左：-28px； } Lorem ipsum dolor sit amet，奉献精英。在ea处，暂时性全脑出血和

当我将float:left设置为block in

时，Chrome会错误地显示它

如何解决这个问题？

您可以使用和减少html标记

ol{
列表样式：无；
计数器复位：部分；
}
欧利{
位置：相对位置；
}
奥利：以前{
反增量：节；
内容：柜台（部分）；
背景：#999；
宽度：15px；
高度：15px；
填充：2px；
文本对齐：居中；
边界半径：2px；
位置：绝对位置；
左：-28px；
}


Lorem ipsum dolor sit amet，奉献精英。在ea处，暂时性全脑出血和快速勃起性白癜风是一种解决方案
Lorem ipsum dolor sit amet，奉献精英。在ea处，暂时性全脑出血和快速勃起性白癜风是一种解决方案
Lorem ipsum dolor sit amet，奉献精英。在ea处，暂时性全脑出血和快速勃起性白癜风是一种解决方案

chrome显示的哪些内容不正确？chrome将列表编号放在.input块的内部，但应放在.input块的附近。

<body>
<ol>
    <li>
        <div class="input"></div>
        <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat ea, obcaecati tempore omnis voluptatum cum blanditiis expeditaporro soluta praesentium.</div>
    </li>

    <li>
        <div class="input"></div>
        <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat ea, obcaecati tempore omnis voluptatum cum blanditiis expeditaporro soluta praesentium.</div>
    </li>

    <li>
        <div class="input"></div>
        <div class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat ea, obcaecati tempore omnis voluptatum cum blanditiis expeditaporro soluta praesentium.</div>
    </li>
</ol>

    .input {
    display: inline-block; 
    background: #999; 
    width: 15px; 
    height: 15px; 
    border-radius: 2px; 
    margin-right: 10px; 
    float: left;
}
.text {
    display: block;
    overflow: hidden;
}