How to make a drop down list horizontal?

Question

css

I welcome everyone!
I need your help in implementing a drop-down list, namely, that when it drops out, it is horizontal.
Can't seem to get the dropdown to be exactly horizontal.
Tried different display values ​​for "drop" and "drop2" classes.
Tell me who can!

.drop {
    background: #FFF;
    display: block;
    border: 1px solid #000;
    position: absolute;
    z-index: 5;
    top: 0px;
    margin-top: 0px;
    padding-top: 0px;
    left: 63%;
    margin-left: -105px;
}
.drop2 {
    display: inline;
    clear: both;
}
ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 15px;
    line-height: 18px;
}
li.podcatalog {
    word-break: break-word;
    width: 160px;
    text-align: center;
    border-top: 1px solid #ffd800;
    border-bottom: 1px solid #ffd800;
    padding: 12px 0px 12px 29px;
    display: table;
    margin: 2px 5px 2px 5px;
    text-transform: uppercase;
}

website: php.kinderland.rf
menu: main menu in the center

Answer 1

If there was a code, I think it would help many, help you)
When you create a question, there is a "..." and there you select the desired syntax and paste the code into it

Answer 2

.drop2 li {
 float:left;
}