App下載
首頁 > html > ui_ol > HTML Element Style - 如何fit在無序列表中的邊框到div的整個寬度

HTML Element Style - 如何fit在無序列表中的邊框到div的整個寬度

我們想知道如何fit在無序列表中的邊框到div的整個寬度。 

<!DOCTYPE html>
<html>
    <head>
        <style>
            .stats-list li {
                zoom:  1;
                border-bottom:1px solid red;
                border-spacing:30px;
                display:block;
                text-align:left;
                margin-bottom:20px;
                color:black;
                height:40px;
            }

            ul.stats-list {
                list-style-type:none;
                padding-left: 0;
            }

            .myStyle {
                background-color: #DDD;
                width: 320px;
                height: 180px;
                margin-right: auto;
                float:left;
                margin-left:25px;
                margin-top:25px;
            }
        </style>
    </head>
    <body>
        <div class="myStyle">
            <ul class="stats-list">
                <li>bla blaaa</li>
                <li>blaaaa</li>       
                <li>this is a test</li>  
            </ul>

        </div>
    </body>
</html>