HORIZONTAL SCROLL MENU

Run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
    .container {
	  background-color: cyan;
	  overflow: auto;
	  white-space: nowrap; 
      width: 350px;	  
	} 
	a {
	  display: inline-block;
	  text-decoration: none;
	  text-align: center;
	  padding: 12px;
	  font-size: 20px;
	}
	a:hover{
	  background-color: green;
	}
	
</style>
</head>
<body>
    <h2> Horizontal Scrollable menu </h2>
	<div class="container">
		<a href="#">Menu </a>
		<a href="#">pages </a>
		<a href="#">study</a>
		<a href="#">contact </a>
		<a href="#">About us </a>
		<a href="#">link </a>
		<a href="#">connection </a>
		<a href="#">legal </a>
	</div>
</body>
</html>