How can i make my nav bar looks better like next to each other and each in it's own box

Question

https://code.sololearn.com/W6puD5sZML8F/?ref=app

Answer 1

nav ul {
display:flex;
}
nav ul li {
margin-right: 10px;
}

Answer 2

daniel already separated

Answer 3

remove text decoration and add hover effect

Answer 4

Calviղ how do i make the have separate boxes