<!DOCTYPE html> <html> <head> <title>Horizontal List Example</title> <style> ul { list-style: none; } ul li { display: inline; } </style> </head> <body> <h2>My Horizontal List</h2> <ul> <li>Apple</li> <li>Banana</li> <li>Pineapple</li> </ul> </body> </html>