Try it Live

​x
 
<!DOCTYPE html>
<html>
  <head>
    <style>
     .navbar { 
      text-decoration:none;
      width:400px;
      display:inline;
      padding:10px;
      font-size:20px;
      color:white;
      background:crimson;
     }
     
     .navbar1 { 
      text-decoration:none;
      width:400px;
      display:block;
      padding:10px;
      font-size:20px;
      color:white;
      background:crimson;
     }
    </style>
  </head>
  <body>
  <h2> Example for display:inline</h2>
  <a class="navbar" href="#">Home</a>
  <a class="navbar" href="#">Services</a>
  <a class="navbar" href="#">Contact</a>
  
  <h2> Example for display:block</h2>
  <a class="navbar1" href="#">Home</a>
  <a class="navbar1" href="#">Services</a>
  <a class="navbar1" href="#">Contact</a>
  </body>
</html>
​