A SIMPLE TYPE MENUS IN HTML || HOME OF A BLOG

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>navigation</title>

    <style>

        .navbar {

            box-sizing: border-box;

            border: 2px solid rgb(202, 109, 109);

            border-radius: 10px;

            background-color: rgb(223, 202, 170);Z

            margin-top: 0px;

        }

        .navbar ul {

            /* text-decoration: none; */

            margin: 0px 0px;

            overflow: auto;

        }

        .navbar li {

            list-style: none;

            float: left

        }

        .navbar li {

            /* color:rgb(236, 240, 12); */

            font-size: large;

            padding: 0px;

        }

        .navbar a {

            font-family: Verdana, Geneva, Tahoma, sans-serif;

            font-weight: bold;

            text-decoration: none;

            color: rgb(74, 10, 248);

            /* font-style: italic; */

            padding: 25px;

            /* position: sticky; */

        }

         .navbar input{

            border: 2px solid red;

            border-radius: 5px;

            background-color: rgb(192, 182, 182);

        }

        .search {

            float: right;

            padding-right: 15px;

            padding-top: 2px;

            /* border-radius:10px; */

            /* border: 2px solid rgb(202, 109, 109); */

            /* border-radius: 10px; */

        }

    </style>

</head>

<body>

    <header>

        <nav class="navbar">

            <ul>

                <li><a

                        href="

file:///C:/Users/LAKSHMAN/OneDrive/Ve%20Tenu%20Pata%20Hi%20Nahi

_%20Rabb%20Wangu%20Naam%20Tera%20Lena%20_%20Jass%20Manak%20New%20Video%20

_%20Guri%20New%20Video.mp4">home

                    </a></li>

                <li><a href="

file:///C:/Users/LAKSHMAN/OneDrive

/30%20day%20phrasel%20english.pdf">blog</a></li>

                <li><a href=" 

file:///C:/Users/LAKSHMAN/Desktop/c++%20code/tut3

_input%20and%20text.html">contact us </a>

                </li>

                <li><a href="

https://www.instagram.com/lakshmanofficial8/"> chating</a></li>

                <div class="search">

                    <input type="text"

 name="search" id="search" placeholder="serach something">

                </div>

            </ul>

        </nav>

    </header>

</body>

</html>