HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <title>:last-child menu</title>
  <style>
    nav a {
      display: inline-block;
      padding: 4px 10px;
      border-right: 1px solid #94a3b8;
      text-decoration: none;
      color: #0f172a;
    }

    nav a:last-child {
      border-right: none;
    }
  </style>
</head>
<body>
  <nav>
    <a href="#">Home</a>
    <a href="#">Docs</a>
    <a href="#">About</a>
  </nav>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS :last-child Pseudo-class — menu divider