在div中的ul不起作用

Question

以下是jsfiddle.net/27wMk/1/代码

  

list-style-position：inside;

不要工作
我需要一些修复标签才能进入div。对于我糟糕的英语，我感到非常抱歉。感谢

代码html：

<div class="reply">
    <ul class="tabs">
        <li>
            <input type="radio" checked name="tabs" id="tab1">
            <label for="tab1">Login</label>
            <div id="tab-content1" class="tab-content animated fadeIn">
                First tab
            </div>
        </li>
        <li>
            <input type="radio" name="tabs" id="tab2">
            <label for="tab2">Reg</label>
            <div id="tab-content2" class="tab-content animated fadeIn">
                Second tab
            </div>
        </li>
    </ul> 
</div>

Answer 1

您需要向<ul>添加一个clearfix，以便它包含其子元素。

http://jsfiddle.net/v48d9/

参考：Clearfix Methods

Answer 2

删除float:left并将显示样式添加为inline-table

.tabs li{
    // float: left
    display: inline-table;
}

<强> DEMO

Answer 3

您需要重置ul

ul {
margin:0;
padding:0;}

从浏览器中清除默认属性..

你可以添加一个浮动：左;