<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>:first-child Pseudo-class</title> <style> ul{ padding: 0; list-style: none; } ul li{ display: inline; padding: 0 22px; border-right: 5px solid purple; } li:last-child { border-right: none; } </style> </head> <body> <h1>Sample Navigation Bar</h1> <ul> <li>Home</li> <li>About Us</li> <li>Services</li> <li>Contact Us</li> </ul> <p><strong>Note:</strong> This <code>:last-child </code>pseudo class. </p> </body> </html>