मुझे <h1>टैग के बाद लाइनब्रेक को हटाने में समस्या हो रही है , क्योंकि हर बार यह प्रिंट करता है, यह इसके बाद सीधे एक लाइन ब्रेक जोड़ता है, इसलिए कुछ इस तरह <h1>Hello World!</h1> <h2>Hello Again World!</h2>प्रिंट करता है:
Hello World!
Hello Again World!
मुझे इस बात पर अनिश्चितता है कि मुझे सीएसएस में कौन से टैग बदलने की आवश्यकता है, लेकिन मुझे उम्मीद है कि यह पैडिंग या मार्जिन के साथ कुछ करना होगा
अगर संभव हो तो मैं वर्टिकल पैडिंग भी रखना चाहता हूं।
जवाबों:
लगता है कि आप उन्हें इनलाइन के रूप में प्रारूपित करना चाहते हैं। डिफ़ॉल्ट रूप से, h1और h2ब्लॉक स्तर के तत्व हैं जो लाइन की पूरी चौड़ाई को फैलाते हैं। आप उन्हें इस तरह से css के साथ इनलाइन में बदल सकते हैं:
h1, h2 {
display: inline;
}
यहाँ एक लेख है जो blockऔर inlineअधिक विस्तार से अंतर बताता है: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/
वर्टिकल पैडिंग बनाए रखने के लिए inline-block, इस तरह का उपयोग करें:
h1, h2 {
display: inline-block;
}
<h1>टैग {display: block}सेट हो गए हैं। वे ब्लॉक-स्तरीय तत्व हैं। इसे बंद करने के लिए:
{display: inline}
h*टैग के बाद एक नई रूपरेखा रखेंगे ।
मैं सिर्फ html शैली अनुभाग में शून्य से h1 मार्जिन मान सेट करके इस समस्या को हल करता हूं। यह मेरी जरूरतों के लिए पूरी तरह से काम करता है।
<style>
h1 {
display: block;
font-size: 0.9em;
margin-top: -1.91em;
margin-bottom: -1.91em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h1 style="text-align:center"> Headline </h1>
<style>
h1 {
padding: 0px;
margin: 0px;
}
</style>