एचटीएमएल

Question

में लिंक कैसे केंद्रित करें मैं वास्तव में एचटीएमएल के लिए नया हूं और सोच रहा था कि आप एचटीएमएल के साथ कई लिंक कैसे केंद्रित करते हैं?

मैं कोशिश कर दिया गया है:

<a href="http//www.google.com"><p style="text-align:center">Search</a> 

लेकिन समस्या यह है कि जब मैं उदाहरण के लिए इसके पीछे अन्य लिंक डाल करने के लिए प्रयास करें:

<a href="http//www.google.com"><p style="text-align:center">Search</a><a href="Contact Us"><p style="text-align:center">Contact Us</a></p> 

यह सिर्फ अलग पंक्ति में उन्हें देता है। मेरा मानना ​​है कि यह <p> फ़ंक्शन के कारण हो रहा है ... लेकिन मुझे केवल HTML पता है, मुझे पता है कि आप इसे सीएसएस में कर सकते हैं लेकिन मैं सोच रहा था कि यह सिर्फ HTML का उपयोग करके किया जा सकता है।

किसी भी मदद के लिए धन्यवाद!

Answer 1

वहाँ अपने कोड में कुछ गलतियां कर रहे हैं - पहला:

<a href="http//www.google.com"><p style="text-align:center">Search</p></a> 

अगले: क्या आप p -tag बंद कर दिया havn't p 'पैरा' के लिए खड़ा है और एक ब्लॉक तत्व है (इसलिए यह पैदा एक लाइन ब्रेक)। क्या आप उपयोग करना चाहते थे वहाँ एक span है, जो प्रारूपण के लिए सिर्फ एक इनलाइन तत्व है:

<a href="http//www.google.com"><span style="text-align:center">Search</span></a> 

लेकिन अगर आप सिर्फ अपने लिंक करने के लिए एक शैली जोड़ना चाहते हैं, यही कारण है कि आपको लगता है कि के लिए शैली निर्धारित नहीं करते सीधे लिंक:

<a href="http//www.google.com" style="text-align:center">Search</a> 

अंत में, यह कम से कम सही एचटीएमएल होगा, लेकिन अभी भी नहीं कि वास्तव में आप क्या चाहते हैं, क्योंकि text-align:center पाठ उस तत्व केन्द्रों, आप के लिए है कि सेट करने के लिए होता तो तत्व कि में शामिल हैं यह लिंक (यह टुकड़ा ओ च एचटीएमएल पोस्ट किया जाता है नहीं, तो मैं आप को सही नहीं कर सकते, लेकिन मैं आप समझ आशा) - यह दिखाने के लिए, मैं एक साधारण div का उपयोग करेंगे:

<div style="text-align:center">  
    <a href="http//www.google.com">Search</a> 
    <!-- more links here --> 
</div> 

संपादित करें: करने के लिए कुछ और अतिरिक्त अपने प्रश्न:

• p एक 'समारोह' नहीं है, लेकिन तुम सही हो, इस समस्या का कारण है (क्योंकि यह एक ब्लॉक तत्व है)
• क्या आप उपयोग करने के लिए कोशिश कर रहे हैं सीएसएस है - यह एक सेपर में रखा जाने के बजाय सिर्फ इनलाइन है ते फ़ाइल, लेकिन आप 'बस HTML' यहाँ

Answer 2

नहीं कर रहे हैं तो आप उन्हें एक <p> अंदर डाल या एक <div>

<p style="text-align:center"> 
    <a href="http//www.google.com">Search</a> 
    <a href="Contact Us">Contact Us</a> 
</p> 

नमूना होगा: http://jsfiddle.net/X8HM4/1/

Answer 3

< पी > दिखाएगा एक नई लाइन पर। एक ही < पी > टैग में अपने लिंक के सभी लपेटकर का प्रयास करें:

<p style="text-align:center;"><a href="http//www.google.com">Search</a><a href="Contact Us">Contact Us</a></p> 

Answer 4

आप लिंक की एक सूची है, इसलिए आप उन्हें एक सूची के रूप में अंकन किया जाना चाहिए (और पैराग्राफ के रूप में नहीं)।

लिस्टामैटिक में a bunch of examples of how you can style lists of links है, जिसमें प्रत्येक लिंक केंद्रित होने के साथ लंबवत सूचियां हैं (जो आप बाद में दिखाई देते हैं)। इसमें a tutorial which explains the principles भी है।

स्टाइल का वह हिस्सा अनिवार्य रूप से "तत्व text-align: center को उस तत्व पर सेट करता है जो एक लिंक के रूप में प्रदर्शित होता है जिसमें लिंक टेक्स्ट होता है" (जो एंकर स्वयं हो सकता है (यदि आप इसे ब्लॉक के रूप में प्रदर्शित करते हैं) या सूची आइटम यह युक्त।

Answer 5

एक ul तत्व के साथ एक nav तत्व करके देखें। मेरा एक main ऊपर है, लेकिन मुझे नहीं लगता कि आप इसे की आवश्यकता है।

<main> 
<nav> 
<ul><li><a href="http//www.google.com">search</a> 
<li><a href="http//www.google.com">search</a> 
<li><a href="http//www.google.com">search</a> 

कोड कुछ इस तरह है।
जब भी मैंने मुझे रखा n कोड यह सही काम नहीं करेगा, इसलिए आपको खाली,
भरने की आवश्यकता है, फिर इसे केंद्र दें।

main 
nav 
ul> li> a>: href="link of choice":name of link:/a> 

Answer 6

एक समाधान इस तरह, <center> अंदर उन्हें डाल करने के लिए है:

<center> 
<a href="http//www.google.com">Search</a> 
<a href="Contact Us">Contact Us</a> 
</center> 

मैं भी आप के लिए एक jsfiddle बना लिया है: https://jsfiddle.net/9acgLf8e/