WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<div id="Wrapper_Nav"> <div class="Top_Menu"> <nav class="Menu"> <ul> <li><a href="#">Home Tab</a></li> <li><a href="#" rel="author">About You Text</a></li> <li><a href="#">Contact Text</a></li> <li><a href="#">Forum Site</a></li> <li><a href="#">Advertise Money</a></li> <li><a href="#">Guest Post</a></li> <li><a href="#">Text</a></li> <li><a href="#">Privacy Policy Of Your Blog</a></li> <li><a href="#">Disclaimer Text</a></li> </ul> </nav> </div> </div>
#Wrapper_Nav{background:#111; height:35px;} .Top_Menu{margin:0 auto; width:960px} .Menu a{color:#fff; display:block; padding:4px 7px;text-decoration:none} .Menu a:hover{background:#f4f4f4; color:#333; display:block} .Menu ul{list-style:none; margin:5px 0} .Menu li{float:left; height:25px} .Menu{float:left; height:35px; width:960px}
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Open Advanced Editor
HTML
CSS
JS
<div id="Wrapper_Nav"> <div class="Top_Menu"> <nav class="Menu"> <ul> <li><a href="#">Home Tab</a></li> <li><a href="#" rel="author">About You Text</a></li> <li><a href="#">Contact Text</a></li> <li><a href="#">Forum Site</a></li> <li><a href="#">Advertise Money</a></li> <li><a href="#">Guest Post</a></li> <li><a href="#">Text</a></li> <li><a href="#">Privacy Policy Of Your Blog</a></li> <li><a href="#">Disclaimer Text</a></li> </ul> </nav> </div> </div>
#Wrapper_Nav{background:#111; height:35px;} .Top_Menu{margin:0 auto; width:960px} .Menu a{color:#fff; display:block; padding:4px 7px;text-decoration:none} .Menu a:hover{background:#f4f4f4; color:#333; display:block} .Menu ul{list-style:none; margin:5px 0} .Menu li{float:left; height:25px} .Menu{float:left; height:35px; width:960px}
/* Replace with your JS Code (Leave empty if not needed) */
Preview
Validating your code, please wait...