My items not appearing in center and nor inline

My items are not appearing in center and not displaying inline. Any help.

    <div class="container">

        <ul class="nav navbar-nav">

            <li class="top-nav-items">
                <a href="#" title="home">Foodtruck</a>
            </li>
            <li class="top-nav-items">
                <a href="#" title="home">Stores</a>
            </li>
            <li class="top-nav-items">
                <a href="#" title="home">Customer Service</a>
            </li>

And my CSS is here

.top-nav {
background-color: #505050;
font-family: Georgia, 'Times New Roman', Times, serif;
color: white;
align-items: center;
display: inline

}



Read more here: https://stackoverflow.com/questions/64945786/my-items-not-appearing-in-center-and-nor-inline

Content Attribution

This content was originally published by Haroon Ahmed at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: