Worpress meniu. Iš vertikaliai į horizonaliai

Sveiki,

Bandau įdėti Top menu, bet man jį atvaizduoja vertikaliai, o reikia, kad būtų horizontaliai. Gal kas pagebėtumėt?

Css kodas atrodo šitaip:

.top-menu {
float: right;
margin: 10px 0;
padding: 0;
}

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

.top-menu li a {
border-left: 1px solid #cccccc;
color: #333333;
font-size: 11px;
padding: 0 4px 0 8px;
}

.top-menu > li:first-child > a {
border-left: none;
}

.top-menu li a:hover {
color: #333333;
}

.top-menu li {

display: inline-block;

}

.top-menu li {

display: inline-block;

}

Šitas nepadėjo. Jau išsiaiškinau, tiesiog pridėjau "li" pirmoj eilutėj:

.top-menu li {

float: right;

margin: 10px 0;

padding: 0;

}

Bet atsirado kita problema. Pas mane meniu punktai yra padaryti iš ikonų ir jas negražiai atvaizduoja. Jei su žodžiais tada gerai atvaizduoja. Kaip sutvarkyti tokį dalyką?

Šitas nepadėjo. Jau išsiaiškinau, tiesiog pridėjau "li" pirmoj eilutėj:

 

.top-menu li {

float: right;

margin: 10px 0;

padding: 0;

}

 

Bet atsirado kita problema. Pas mane meniu punktai yra padaryti iš ikonų ir jas negražiai atvaizduoja. Jei su žodžiais tada gerai atvaizduoja. Kaip sutvarkyti tokį dalyką?

.top-menu li {

margin: 10px 5px 10px 0;

}

Ačiū, pavyko.