CSS kodlarını bunlarla değiştir kardeşim, o boşluklar ul nin standart boşlukları. Bu arada float kullanma artık her işlemi display: flex ile halledebilirsin.

.menu {
    overflow: hidden;
    background-color: #fff;
    border-bottom: 1px solid  #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu ul {
    padding: 0;
    margin: 0;
}

.menu ul li {
    display:inline-block;
    list-style-type: none; 
}

.menu ul li a {
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    color: #000000;
}

.menu ul li a:hover {
    color: #ffffff;
    background-color: #003ab0;
}

@burak hocam dediğin gibi htaccess ile oluşturduğum URL yapısına göre aktarmak istiyorum.

Javascript ile nasıl yapabilirim bunu?

Teşekkürler arkadaşlar sorunu çözdüm :)

Hocam inceledim fakat anlayamadım malesef. Bu arada dizi içindeki eleman sayıları değişebilir. Mesela a'da 5 tane de olabilir 6 tane de. Aynı şekilde b diziside değişebilir.

@smtblt16 teşekkür ederim hocam. :)

@gokcin Hocam attığın bağlantının benim bahsettiğim konuyla uzaktan yakından alakası yok. Sadece konu başlığına bakarak konuyu okumadan atmışsınız diye tahmin ediyorum, bu arada attığınız videoyu ve benzeri videoları çok kez izledim daha önce.