Inline Element

Inline Element ~10 mins

Create a List and display items inline

Convert block element to inline.

  <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Inline Element</title>
      <style>          
          li {
              display: inline;              
          }        
      </style>
  </head>
  <body>
    
      <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Contact</a></li>
      </ul>
  </body>
  </html>