How to add two lists in one div

Answer 1

If you mean in Html (@Adi answer guess with JS), just put the code of your two list next to each other inside once <div>:

<div>
<ul>
<li>item<li>
<li>item<li>
<li>item<li>
</ul>
<ul>
<li>item<li>
<li>item<li>
<li>item<li>
</ul>
</div>

If you mean how to have them on two column, you should style them according to that not default behaviour... Feel free to ask help for doing so if it's what you want: I don't want to explain if this is offtopic ;)

Answer 2

Add these css rules to the previous code:

div {
display:flex;
align-item:center;
justify-content:center;
}
ul {
flex:1;
}

Answer 3

i want horizontal

Answer 4

inline

Answer 5

thank you