Create a Horizontal Slider with HTML, CSS, and JavaScript

Create a horizontal slider using HTML, CSS, and JavaScript to embed on a web page. It must include: 1. A basic HTML structure with a slide container. 2. CSS to display slides in a horizontal row and add scrolling effects. 3. JavaScript to navigate between slides, either manually using navigation buttons or automatically.