How do I style my div’s so they are horizontally aligned instead of vertically aligned

Question

I AM MAKING aINtErACtiVe MENU BUT THe MENU ITEMS ARE VERTICALLY ALIGNED intESTEaD Of HoRRIZOnTAlly ALIGNED. HOW Do I FIX
https://code.sololearn.com/Ws012bdzX95G/?ref=app

PS - POST EDITOR IS GlITChED anD IT IS MAKING MY TEXT TOGGLE FROM CAPITAL To LoWERCASE.

Answer 1

div{
display:inline-block;
}
p{
display:inline;
}

/* This will be better CSS for this (below) */

h1 {
font-family: Monospace, Sans-serif;
text-align: center;
}
div{
display:inline-block;
}
p{
display:inline;
padding:0 0.3vmin 0 0.3vmin;
}
.menu-container {
text-align: center;
}