<!DOCTYPE html>
<html lang="en">
<head>
<title>Pure CSS Scrollable horizontal Menu</title>
<meta name="viewport"
content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet"
href=
</head>
<body>
<div class="pure-menu pure-menu-horizontal pure-menu-scrollable">
<ul class="pure-menu-list">
<li class="pure-menu-heading">
<a href="#" class="pure-menu-link">
GeeksforGeeks
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link"
>Data Structures
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Algorithms
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Interview Preparation
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Topic-wise Practice
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
C++
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Java
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Python
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Competitive Programming
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Machine Learning
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Web Development
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Puzzles
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
Project Ideas
</a>
</li>
<li class="pure-menu-item">
<a href="#" class="pure-menu-link">
GFG School
</a>
</li>
</ul>
</div>
</body>
</html>