html - 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

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

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

DEMO