Die Grenze in der ungeordneten Liste passt nicht zur ganzen Breite des div

Question

Ich erstelle eine vertikale ungeordnete Blockliste (innerhalb eines div), in der ich unter jedem li einen Rahmen habe. Aber irgendwie passen die Rahmen nicht in die gesamte Breite des div. Ich vermute, dass das ul genau in das div passen muss, um dies zu tun, aber ich weiß nicht wie.

Dies ist ein Bildschirmausdruck des div und des darin enthaltenen ul:

Und das ist der CSS-Code, den ich verwende:

.stats-list li{
    zoom:  1;
    border-bottom:1px solid #ececec;
    border-spacing:30px;
    display:block;
    text-align:left;
    margin-bottom:20px;
    color:#ffffff;
    height:40px;
}
.stats-list ul{
    list-style-type:none;

}

Ich bin noch nie auf dieses Problem gestoßen. Hat jemand eine Lösung? Danke.

UPDATE (HTML-Code):

            bla blaaa
            blaaaa       
            blaaaaaa  

Weitere Aktualisierung (CSS-Code des übergeordneten div):

.checkin-stats-right{
    background-color: #cfcfcf;
    width: 320px;
    height: 180px;
    margin-right: auto;
    float:left;
    margin-left:25px;
    margin-top:25px;

}

Answer 1

Standardmäßig hat das UL-Element normalerweise einen bestimmten padding-left Wert in Pixeln. Versuchen Sie dies:

            .stats-list li {
                zoom:  1;
                border-bottom:1px solid #ececec;
                border-spacing:30px;
                display:block;
                text-align:left;
                margin-bottom:20px;
                color:#ffffff;
                height:40px;
            }

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

            .checkin-stats-right {
                background-color: #cfcfcf;
                width: 320px;
                height: 180px;
                margin-right: auto;
                float:left;
                margin-left:25px;
                margin-top:25px;
            }

                bla blaaa
                blaaaa       
                blaaaaaa

Answer 2

.stats-Liste ul {
  padding-left: 0;
}

Außerdem beachten Sie, dass "ul.stats-Liste" in Ihrem HTML nicht zu ".stats-Liste ul" passt