Search-Bar in Header OR Navigation?

1. How do I add a search bar to my navigation bar in HTML?
2. How do I style a search bar in CSS?

How do I add a search bar to my navigation bar in HTML?

You can set position:relative for your navbar and position:absolute for you search bar. Then you can position your search bar using right and top without changing your links.

How do I style a search bar in CSS?

First things first we'll style the wrapper element. We'll give it a display: flex; so that the icons and the search bar are aligned in a row. Then we'll also add in a min-width: 100px; This is optional, but in reality a search bar that's less than 100px is probably unusable anyway so it's a good lower limit.