This is the top menu buttons of my webpage at the moment. I would like to have the buttons on the same line. 

[![enter image description here](https://i.stack.imgur.com/l16cg.png)](https://i.stack.imgur.com/l16cg.png)

```html
<html>
        <div class = "row" style ="background-color:black;padding:0px;">
    <ul class = "menutop">
    <li><button type="button" class="navigatorbutton" id="navigatorbuttonid" onclick="swapMenuState()">Close Menu</button></li>
        <?php
        if(isset($_SESSION['id'])){
            echo "<li class = \"toplistright\"><form style=\"display: inline\" action=\"Data/LogOut.php\"><button type=\"submit\" class =\"logoutbutton\">Logout</button></form></li>";
            echo "<li class = \"toplistright\"><button type=\"button\" class=\"signupbutton\" onclick=\"openSignPage()\">Sign Up</button></li>";
        }else{
            echo "<li class = \"toplistright\"><button type=\"button\" class=\"loginbutton\" onclick=\"openLoginPage()\">Login</button></li>";
        }
        ?>
    </ul>
    </div>
</html>
```

I think the problem lies in this code part (or at least it is fixable in this code part), and if not, I will post the rest of the relevant code. I am not super good at either of the three languages, html, php or css. I just can't see where the problem might lie.