#container{ width:100%; height:130vh; } nav{ max-width: 130%; height: 55px; display: flex; } nav ul{ float: center; margin-left: 30px; } nav ul li{ display: inline; font-size: 26px; font-family: "Gill Sans", sans-serif; } nav ul li a{ color: #FF7F50; padding: 30px; } nav ul li a:hover{ background-color: yellow; }
<div class="container"> <ul> <li><a href="index.html">Home</a></li> <li><a href="abhigallery.html">Gallery</a></li> <li><a href="feelings.html">My feelings</a></li> <li><a href="sweetsurprise.html">A surprise</a></li> </ul> </div> <div class="wish"> <br> Happy Birthday<br> </div> <div class="cake"> <div class="plate"></div> <div class="layer"></div> <div class="icing"> <div class="name"> <p>Happy Birthday <br> <span id="name">Dear Medha</span></p> </div> </div> <div class="candle1"> <div class="flame1"></div> </div> <div class="candle2"> <div class="flame2"></div> </div> <div class="candle3"> <div class="flame3"></div> </div> <div class="candle4"> <div class="flame4"></div> </div> <div class="candle5"> <div class="flame5"></div> </div> </div> <div class="text"><br>Hope all your birthday wishes come true.<br> <br> Baar baar yeh din aaye, baar baar yeh dil gaaye<br> <br> HAPPY BIRTHDAY TO YOU!!!<br> </div>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)