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 ; }