Header in Angular 13

 header.html:-

<nav>

    <img src="https://www.adsrole.com/wp-content/uploads/cropped-AdsRole-Logo-PNG-Image2-2.png">

    <ul>

        <li><a href="#">Home</a></li>

        <li><a href="#">About</a></li>

        <li><a href="#">Services</a></li>

        <li><a href="#">Blog</a></li>

        <li><a href="#">Contact Us</a></li>

    </ul>

</nav>

----------------------

Header.css:-

nav img{

    width: 200px;

}

nav{

    background-color: skyblue;

    padding: 20px;

}

ul{

    float: right;

    display: inline-flex;

    list-style-type: none;

   

}

ul li{

    display: inline-block;

    padding: 10px;

}

li a{

    color: white;

    text-decoration: none;

    cursor: pointer;

}