<!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
>