I want to use inline-block element and bring left div beside's right div, but I am getting the left div coming down pls help me

Document *{ padding: 0; margin: 0; } .navbar{ height: 72px; background-color: black; color: whitesmoke; }
.right{
height: 90vh;
width: 50%;
display: inline-block;
background-color: greenyellow;
}

.left{
height: 60vh;
width: 50%;
display: inline-block;
height: 90vh;
background-color: darkred;
}
</style>

please share a codepen with your code so we can see it live