I'm a beginner in web development and Stack Overflow. This is my first time creating a website and I'm experiencing an issue with the navigation bar. It keeps shifting its position when resizing the browser window. Below is the source code I have been using. My goal is to have the navbar stay fixed on the right side, regardless of the browser size.
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14;
margin:0px;
padding:0px;
line-height:1.5em;
color:black;
}
#header {
height:150px;
width:100%;
background-color:#ff0000;
}
.container {
width:90%;
margin:auto;
margin-top:15px;
margin-bottom:15px;
}
/* Other CSS styles */
<!DOCTYPE HTML>
<html>
<head>
<title>My Web Page</title>
<link rel="shortcut icon" href="favicon.ico" type="image/ico"/>
<meta charset="utf-8"/>
<meta name="description" content="This website is developed by Soumik Banerjee"/>
<meta name="keywords" content="Home, About, news, Contact"/>
<link rel="stylesheet" href="webpage.css"/>
</head>
<body>
<!-- HTML content -->
(I prefer not to make the navbar fixed). Any assistance would be appreciated.