एक केंद्रित लिंक/लोगो के साथ एक नेविगेशन बार बनाने के लिए निम्नलिखित कोड है -

उदाहरण

<शीर्षक>दस्तावेज़ <शैली>बॉडी{ मार्जिन:0px; मार्जिन-टॉप:60 पीएक्स; पैडिंग:0px;}एनएवी{ स्थिति:निश्चित; शीर्ष:0; चौड़ाई:100%; पृष्ठभूमि-रंग:आरजीबी (251, 255, 196); अतिप्रवाह:ऑटो; ऊंचाई:ऑटो;}। बाएं-लिंक {प्रदर्शन:इनलाइन-ब्लॉक; स्थिति:निरपेक्ष; बाएं:0;}। दाएं-लिंक {प्रदर्शन:इनलाइन-ब्लॉक; स्थिति:निरपेक्ष; दाएं:0;}। केंद्र-लिंक {प्रदर्शन:इनलाइन-ब्लॉक; मार्जिन-लेफ्ट:50%;}.लिंक्स {डिस्प्ले:इनलाइन-ब्लॉक; पाठ-संरेखण:केंद्र; पैडिंग:14 पीएक्स; रंग:आरजीबी (0, 0, 0); पाठ-सजावट:कोई नहीं; फ़ॉन्ट-आकार:17px; फ़ॉन्ट-वेट:बोल्डर;}.लिंक्स:होवर { बॉर्डर-बॉटम:2px सॉलिड पर्पल;}.चयनित{ बॉर्डर-बॉटम:2px सॉलिड पर्पल;}
उपरोक्त लिंक पर होवर करें
 
आउटपुट
 

 उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा-