Div uzunluk sabitliği

Merhaba

.paraislemlerim{
    position: relative;
    margin: 0px auto;
    width: 96%;
    background: khaki;
    margin-top: 10px;
}
.paraislemlerim ul{
    list-style: none;
    float: left;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #DDD;
}

Yukarıdaki div de ul eklendikce div büyümüyor ul lar divden aşağıya doğru taşıyor bilgisi olan varmı ul çoğaldıkca divinde uzaması gerek

kaç tane ul ekliyorsunuz ? Birden fazla ul ekliyorsanız width değerini 100% den az yapmanız gerekiyor. Eğer bir ul içerisinde li lerin yanyana gelmesinden bahsediyorsanız float:left; kuralını ul ye değil li lere vermeniz gerekmektedir.

Hepsinin ortalı gozukmesini istiyorsanız da li lere display:inline-block; ul ye de text-align:center; vermeniz gerekmekte.


https://jsfiddle.net/FikirSokak/x74m2ss6/