<br /> का उपयोग किए बिना, css से लाइन-ब्रेक कैसे करें?

Question

उत्पादन:

हैलो
क्या हाल है

कोड:

<p>hello <br> How are you </p>

बिना आउटपुट के कैसे प्राप्त करें <br>?

Answer 1

एक ही HTML संरचना के साथ असंभव, आपके पास Helloऔर के बीच अंतर करने के लिए कुछ होना चाहिए How are you।

मेरा सुझाव है spanकि आप तब ब्लॉक के रूप में प्रदर्शित करेंगे (जैसे <div>वास्तव में)।

p span {
  display: block;
}

<p><span>hello</span><span>How are you</span></p>

Comments

इस बात पर भी ध्यान दें कि कितना अतिरिक्त मार्क-अप है - <br />तत्व बहुत अच्छे कारण से मौजूद है। यदि आप चाहते हैं कि लाइन विच्छेद हो क्योंकि वे अलग-अलग पैराग्राफ हैं, तो बस उन्हें अलग पैराग्राफ के रूप में चिह्नित करें।

— रोलैंड शॉ

आपको वास्तव में पैराग्राफ का उपयोग किए बिना संरचित लाइनों की आवश्यकता हो सकती है। एक कविता, एक गीत या उदाहरण के लिए एक पते को चिह्नित करने के लिए

— विंसेंट रॉबर्ट

@VincentRobert सही है, लेकिन एक कविता उदाहरण के लिए विहित उदाहरण है जब <br>सही मार्कअप है। एक कविता के लिए स्पैन "गलत" होगा।

— एलन एच।

ध्यान दें कि डिस्प्ले प्रदर्शित करना: एक तत्व को ब्लॉक करने से पहले और बाद में एक लाइन ब्रेक को मजबूर करेगा, और इसलिए एक लाइन ब्रेक होने के समान नहीं है।

— जर्सीबॉय

निश्चित रूप से <p> तत्वों का उपयोग करें। A <span> तत्व को प्रदर्शन में नहीं बनाया जाना चाहिए: ब्लॉक, <span> का पूरा बिंदु यह है कि यह इनलाइन है। मैं इसे इस तरह से करूंगा: <div> <p> हैलो </ p> <p> आप कैसे हैं </ p> </ div>। CSS की आवश्यकता नहीं है।

— माइल्स

Answer 2

आप white-space: pre;तत्वों की तरह काम करने के लिए उपयोग कर सकते हैं <pre>, जो नई सुर्खियों को बनाए रखता है। उदाहरण:

p {
  white-space: pre;
}

<p>hello 
How are you</p>

IE के लिए ध्यान दें कि यह केवल IE8 + में काम करता है।

Comments

अक्सर बेहतर preहै pre-line, जो लपेटने की अनुमति देता है।

— एलन एच।

पर पूर्व लाइन और पूर्व चादर के बीच मतभेद के बारे में अधिक developer.mozilla.org/en-US/docs/Web/CSS/white-space

— पैट्रिक

मैंने अपने मामले में पूर्व को प्राथमिकता दी, क्योंकि मैं

— ग्रेग

ध्यान दें कि यह प्रतिक्रिया के साथ काम नहीं करेगा क्योंकि पाठ अंततः बंडल किया गया है और इसे उसी लाइन पर रखा जाएगा, जो white-spaceसीएसएस नियम को ट्रिगर नहीं करेगा ।

— Vadorequest

Answer 3

<br/>सामान्य के रूप में उपयोग करें , लेकिन display: noneजब आप इसे नहीं चाहते हैं तो इसे छिपाएं ।

मैं उम्मीद करूंगा कि यह प्रश्न खोजने वाले अधिकांश लोग सीएसएस / उत्तरदायी डिजाइन का उपयोग यह तय करने के लिए करना चाहते हैं कि एक विशिष्ट स्थान पर लाइन-ब्रेक दिखाई देता है या नहीं। (और कुछ भी व्यक्तिगत नहीं है <br/>)

तुरंत स्पष्ट नहीं होने पर, आप इसे छिपाने के display:noneलिए वास्तव में एक <br/>टैग पर आवेदन कर सकते हैं , जो अर्थ बीआर टैग के साथ मीडिया प्रश्नों के उपयोग को सक्षम बनाता है।

 <div>
   The quick brown fox<br />
   jumps over the lazy dog
 </div>

 @media screen and (min-width: 20em) 
 {
    br 
    { 
       display: none;   // hide the BR tag for wider screens (i.e. disable the line break)
    }
 }

यह उत्तरदायी डिजाइन में उपयोगी है जहां आपको एक सटीक ब्रेक पर पाठ को दो पंक्तियों में बाध्य करने की आवश्यकता होती है।

http://jsfiddle.net/nNbD3/1/

Comments

साइमन, आप हाजिर हैं - आपके द्वारा दिया गया उदाहरण इस प्रश्न पर शोध करने का सटीक कारण है और display: noneसमाधान अब तक का सबसे उपयुक्त और उपयोगी है।

— एबीबोत्जम

ध्यान दें कि ऐसे मामलों के लिए जहां यह शब्दों को एक साथ चलाने के लिए होगा, आप display: inline-block; width: 1em;इसके बजाय कुछ का उपयोग कर सकते हैं none।

— बीजर

आप <br class='foo'>और अधिक नियंत्रण की जरूरत है, लेकिन आप भी पागल हो जाना नहीं है , तो आप एक वर्ग लागू कर सकते हैं!

— साइमन_वेवर

एक और "मैंने ऐसा क्यों नहीं सोचा ?!" जवाब। <br/>यह क्या करता है पर महान है; पहिया को सुदृढ़ करने की आवश्यकता नहीं है। धन्यवाद!

— 5

इसी तरह की अवधारणा को फ्लेक्स-बॉक्स लेआउट पर लागू किया जा सकता है: stackoverflow.com/questions/29732575/…

— Simon_Weaver

Answer 4

सफेद रिक्त स्थान और लाइन ब्रेक की हैंडलिंग को परिभाषित करने के लिए कई विकल्प हैं। यदि कोई सामग्री को उदाहरण के लिए एक <p>टैग में रख सकता है, तो जो कुछ भी चाहता है उसे प्राप्त करना बहुत आसान है।

लाइन विराम के संरक्षण के लिए लेकिन सफेद रिक्त स्थान का उपयोग pre-lineनहीं (नहीं pre) जैसे:

<style>
 p {
     white-space: pre-line; /* collapse WS, preserve LB */
   }
</style>

<p>hello
How are you</p>

यदि कोई अन्य व्यवहार इनमें से किसी एक (WS = व्हाइटस्पेस, LB = LineBreak) में से किसी एक को चुनना चाहता है:

     white-space: normal;   /* collapse WS, wrap as necessary, collapse LB */
     white-space: nowrap;   /* collapse WS, no wrapping,       collapse LB */
     white-space: pre;      /* preserve WS, no wrapping,       preserve LB */
     white-space: pre-wrap; /* preserve WS, wrap as necessary, preserve LB */
     white-space: inherit;  /* all as parent element */

स्रोत: W3 स्कूल

Comments

उत्तम। चयनित उत्तर होना चाहिए।

— बेन लिन

मेरा मानना ​​है कि यह वही है जो ओपी देख रहा है।

— जॉन सारिन्धा

Answer 5

"\ एक" सीएसएस में आदेश एक गाड़ी वापसी उत्पन्न करता है। यह सीएसएस है, एचटीएमएल नहीं, इसलिए यह जो आप चाहते हैं उसके करीब होगा: कोई अतिरिक्त मार्कअप नहीं ।

एक ब्लॉकचोट में, नीचे दिया गया उदाहरण शीर्षक और स्रोत लिंक दोनों को प्रदर्शित करता है और दोनों को एक गाड़ी वापसी के साथ अलग करता है ( "\a"):

blockquote[title][cite]:after {
    content:attr(title)"\a"attr(cite)
}

Comments

फैंसी, लेकिन सवाल क्या था के लिए पूरी तरह से अनावश्यक।

— येफासीके

+1 क्योंकि इसका CSS केवल, और पूर्व, br टैग्स के उपयोग की अनुशंसा नहीं करता है और न ही डिस्प्ले मोड को ब्लॉक करने के लिए बदल रहा है (जो अलग-अलग व्यवहार जोड़ता है, यदि माता-पिता display:flexइस संदर्भ में हैक हैं और इसलिए हैक कर सकते हैं)। यह कल्पना नहीं है, वास्तव में, सिर्फ एक आधुनिक तकनीक है। यदि आप सटीक समान मार्कअप चाहते हैं, लेकिन वास्तव में अलग तरह से प्रतिक्रिया करना चाहते हैं तो जाने का रास्ता।

— रेनॉयरबुल जूल

कमाल का विचार। ध्यान दें "- सरल उद्धरण का उपयोग न करें 'क्योंकि आप \aविशेष वर्ण के रूप में पार्स करने की अनुमति देना चाहते हैं ।

— ::१

मैं +1 देना चाहता हूं, लेकिन यह मेरे लिए क्रोम 55 पर काम नहीं करता है

— पेरी मिमोन

अगर यह कुछ HTML और शायद एक फिडेल है जो आप क्या कर रहे हैं, इसकी कल्पना करने में मदद करने के लिए मैंने इसे अप वोट किया होगा।

— जॉन

Answer 6

सीएसएस में कोड का उपयोग करें

p {
    white-space: pre-line;
}

इस कोड css के साथ P टैग के अंदर हर एंट्री html में एक ब्रेक-लाइन होगी।

Comments

यही वह है जिसकी तलाश में मैं हूं! जेएस से उत्पन्न तत्व सामग्री के लिए पूरी तरह से काम करता है (उदाहरण के लिए AJAX क्वेरी से को JSON परिणाम, कोणीय-स्कीमा-प्रपत्र, आदि) जो भागने / स्वच्छता से गुजरता है (जैसे सामान्य AngularJS व्यवहार से बचना जब ngBindHtml का उपयोग नहीं करना

— Stefan Dragnev

Answer 7

पहले जो कहा गया है, उस पर काम करते हुए, यह एक शुद्ध सीएसएस समाधान है जो काम करता है।

<style>
  span {
    display: inline;
  }
  span:before {
    content: "\a ";
    white-space: pre;
  }
</style>
<p>
  First line of text. <span>Next line.</span>
</p>

Comments

मुझे इस लाइन पर मल्टी-लाइन input type='text', wrapping the input, and then laying the text over it with a wrapper डीव . That also requires पॉइंटर-ईवेंट के लिए मददगार होने के लिए एक भिन्नता मिली : कोई नहीं; ` :beforeनीचे दिए गए बटन को क्लिक करने में सक्षम होने के लिए।

— एरिक लीज

Answer 8

<pre> <---------------------------------------
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
</pre> <--------------------------------------

या

<div style="white-space:pre">  <-----------------------------------
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
</div>                         <-----------------------------------

स्रोत: https://stackoverflow.com/a/36191199/2377343

Answer 9

एक तत्व बनाने के लिए बाद में एक लाइन ब्रेक है, इसे असाइन करें:

display:block;

ब्लॉक स्तर के तत्व के बाद गैर-फ्लोट किए गए तत्व अगली पंक्ति में दिखाई देंगे। कई तत्व, जैसे <p> और <div> पहले से ही ब्लॉक स्तर के तत्व हैं, इसलिए आप बस उन का उपयोग कर सकते हैं।

लेकिन जबकि यह जानना अच्छा है, यह वास्तव में आपकी सामग्री के संदर्भ पर अधिक निर्भर करता है। अपने उदाहरण में, आप सीएसएस का उपयोग लाइन ब्रेक को मजबूर करने के लिए नहीं करना चाहेंगे। <br /> उपयुक्त है क्योंकि आपके द्वारा प्रदर्शित पाठ के लिए शब्दार्थ पी टैग सबसे उपयुक्त है। सीएसएस को लटकाने के लिए अधिक मार्कअप केवल अनावश्यक है। तकनीकी रूप से यह वास्तव में एक पैराग्राफ नहीं है , लेकिन कोई <ग्रीटिंग> टैग नहीं है, इसलिए जो आपके पास है उसका उपयोग करें। HTMl के साथ अपनी सामग्री का अच्छी तरह से वर्णन करना अधिक महत्वपूर्ण है - जब आपके पास इसके बाद यह पता चले कि इसे सुंदर कैसे बनाया जाए।

Comments

लेकिन यह इसे कंटेनर की पूरी चौड़ाई बनाता है, जो एक अवांछित दुष्प्रभाव हो सकता है (विशेषकर यदि आइटम एक लंगर / लिंक है)।

— NickG

हां, जब तक आप एक चौड़ाई निर्धारित नहीं करते, तब तक डिफ़ॉल्ट ब्लॉक स्तर के तत्व पूरी चौड़ाई लेते हैं। संदर्भ के बारे में मेरे पैराग्राफ को पढ़ें - अपने डिजाइन के आधार पर अपने HTML को चुनने के बजाय सिमेंटिक संदर्भ के बारे में सोचना आम तौर पर आपको इस तरह के मुद्दों को चलाने से रोकने में मदद करता है।

— सिंटैक्स एरर

अक्सर कारण <br> टैग से बचने की आवश्यकता शब्दार्थ से अधिक तकनीकी होती है। <br> टैग स्टैंडअलोन हैं और आप आवश्यक रूप से इनका उपयोग नहीं कर सकते क्योंकि आपको पता नहीं है कि सामने वाले तत्व उस समय मौजूद होंगे जब आप पृष्ठ को प्रस्तुत करते हैं, इसलिए हो सकता है कि आप रिक्त लाइनें न चाहें। एक ऊर्ध्वाधर मेनू पर <a> लिंक की सूची पर विचार करें जहां आप उन सभी को अपनी पंक्ति में चाहते हैं, लेकिन <br> का उपयोग नहीं कर सकते क्योंकि आपको नहीं पता कि सर्वर-साइड नियमों के कारण कौन से लिंक छिपे होंगे। यदि लिंक का उपयोग किया जाता है तो लिंक को छुपाने से रिक्त लाइनें हो जाएंगी।

— NickG

.. उस कारण से, लोग अक्सर एक <ul> सूची का उपयोग करते हैं और फिर गोलियों को छिपाते हैं, लेकिन यह बहुत हैकरी है। बेहतर होगा कि अगर कोई css रूल हो जो सिर्फ "हमेशा अपनी लाइन पर रेंडर करे"।

— NickG

लेकिन जैसा कि मैंने अपनी पहली टिप्पणी में कहा था - जिसमें तत्वों की पूरी चौड़ाई का अवांछनीय प्रभाव है :) मुझे सिर्फ एक नई लाइन पर आइटम की आवश्यकता है, उनके बिना पूरी चौड़ाई। यदि आइटम पृष्ठ के सबसे बाईं ओर एक लिंक है, तो इसका मतलब है कि स्क्रीन के सबसे दाईं ओर स्थित लिंक पर भी क्लिक करें।

— NickG

Answer 10

यहाँ एक बुरे प्रश्न का एक बुरा हल है, लेकिन एक जो कि संक्षिप्त रूप से मिलता है:

p {
    width : 12ex;
}

p:before {
    content: ".";
    float: right;
    padding-left: 6ex;
    visibility: hidden;
}

Comments

टाइपो या क्या होना exचाहिए? pऔर eकीबोर्ड पर यह बंद नहीं है, इसीलिए मैं पूछ रहा हूँ

— MMachinegun

@marczking - सापेक्ष इकाई exको "पहले उपलब्ध फ़ॉन्ट की प्रयुक्त एक्स-ऊंचाई के बराबर" के रूप में परिभाषित किया गया है।

— अलोहसी

बुरा या नहीं, यह वास्तव में काफी चालाक है।

— जोनाथन ड्यूमाइन

Answer 11

लिंक की एक सूची के लिए

अन्य उत्तर स्थिति के आधार पर लाइन ब्रेक जोड़ने के कुछ अच्छे तरीके प्रदान करते हैं। लेकिन यह ध्यान दिया जाना चाहिए कि :afterचयनकर्ता नीचे दिए गए कारणों से लिंक की सूचियों (और इसी तरह की चीजों) पर सीएसएस नियंत्रण के लिए ऐसा करने के बेहतर तरीकों में से एक है ।

यहां एक उदाहरण दिया गया है, सामग्री की एक तालिका मानते हुए:

<style type="text/css">
    .toc a:after{ content: "\a"; white-space: pre; }
</style>

<span class="toc">
    <a href="#a1">Item A1</a> <a href="#a2">Item A2</a>
    <a href="#b1">Item B1</a> <a href="#b2">Item B2</a>
</span>

और यहां साइमन_वेवर की तकनीक है, जो सरल और अधिक संगत है। यह शैली और सामग्री को अलग नहीं करता है, इसके लिए अधिक कोड की आवश्यकता होती है, और ऐसे मामले भी हो सकते हैं जहां आप इस तथ्य के बाद विराम जोड़ना चाहते हैं। अभी भी एक महान समाधान हालांकि, विशेष रूप से पुराने IE के लिए।

<style type="text/css">
    .toc br{ display: none; } /* comment out for horizontal links */
</style>

<span class="toc">
    <a href="#a1">Item A1</a><br/> <a href="#a2">Item A2</a><br/>
    <a href="#b1">Item B1</a><br/> <a href="#b2">Item B2</a><br/>
</span>

उपरोक्त समाधान के लाभों पर ध्यान दें:

• कोई फर्क नहीं पड़ता कि व्हाट्सएप HTML में, आउटपुट एक ही है (बनाम pre)
• तत्वों में कोई अतिरिक्त पैडिंग नहीं जोड़ी गई है (देखें NickG की display:blockटिप्पणियाँ)
• आप शैली परिवर्तन के लिए प्रत्येक HTML फ़ाइल में जाने के बिना कुछ साझा सीएसएस के साथ लिंक की क्षैतिज और ऊर्ध्वाधर सूचियों के बीच आसानी से स्विच कर सकते हैं
• आसपास की सामग्री को प्रभावित करने वाली कोई शैली floatया clearशैली नहीं
• शैली सामग्री से अलग है (बनाम <br/>, या preहार्ड-कोडित विराम के साथ)
• यह भी उपयोग कर ढीले लिंक के लिए काम कर सकते हैं a.toc:afterऔर<a class="toc">
• आप कई विराम और यहां तक ​​कि उपसर्ग / प्रत्यय पाठ जोड़ सकते हैं

Answer 12

हो सकता है कि किसी के पास भी मेरे जैसा ही मुद्दा हो:

मैं एक तत्व में था, display: flexइसलिए मुझे इसका उपयोग करना था flex-direction: column।

Answer 13

brटैग को सेट करना display: noneसहायक है, लेकिन तब आप WordRunT पूरी तरह से समाप्त कर सकते हैं। मैंने इसे अंतरिक्ष चरित्र के साथ बदलने के लिए अधिक उपयोगी पाया है, जैसे:

HTML:

<h1>
    Breaking<br />News:<br />BR<br />Considered<br />Harmful!
</h1>

सीएसएस:

@media (min-device-width: 1281px){
    h1 br {content: ' ';}
    h1 br:after {content: ' ';}
}

Comments

आप सेटिंग brपर भी विचार कर सकते हैं, display: inline-block; width: 1em;जिसमें क्षैतिज जाने पर शब्दों को एक साथ चलने से रोकना चाहिए।

— Beejor

मुझे आपका सुझाव बेहतर लगा। मैं कोशिश करूँगा कि अगली बार मैं इससे मुठभेड़ करूँ।

— ब्रायन

Answer 14

<pre>टैग के बारे में कैसे ?

स्रोत: http://www.w3schools.com/tags/tag_pre.asp

Comments

ओह! मुझे पता है तुम्हारा क्या मतलब है। तब आप अपने व्हाट्सएप का उपयोग करते हैं <pre>ताकि यह लाइन को तोड़ दे। यदि आप नियमित व्हाट्सएप करना चाहते हैं तो क्या होगा?

— मीका मज़ाहेरी

पूर्व टैग गाड़ी के रिटर्न की व्याख्या करेगा। इसलिए यदि आप एक प्री टैग में 'हैलो' और '

— हाउ आर यू

Answer 15

उदाहरण के लिए, नई पंक्ति में विभाजित होने के लिए आप बहुत सारे पैडिंग और बल पाठ जोड़ सकते हैं

p{
    padding-right: 50%;
}

उत्तरदायी डिजाइन के साथ एक स्थिति में मेरे लिए ठीक काम किया, जहां केवल एक निश्चित चौड़ाई सीमा के भीतर पाठ को विभाजित करने की आवश्यकता थी।

Comments

एक अच्छा विचार लगता है लेकिन पैडिंग बढ़ने से किसी ऑब्जेक्ट की समग्र चौड़ाई भी बढ़ जाएगी। और इसका नकारात्मक प्रभाव हो सकता है, विशेष रूप से एक उत्तरदायी पृष्ठ के मामले में।

— इसकी जूल

Answer 16

मुझे बहुत सरल उपाय पसंद हैं, यहाँ एक और है

<p>hello <span>How are you</span></p>

और सीएसएस

p {
 display: flex;
 flex-direction: column;
}

Answer 17

ओवरफ्लो-रैप का उपयोग करें: ब्रेक-वर्ड; पसंद :

.yourelement{
overflow-wrap: break-word;
}

Answer 18

आपको सामग्री को भीतर घोषित करने की आवश्यकता है <span class="class_name"></span>। इसके बाद लाइन टूट जाएगी।

\A लाइन फ़ीड चरित्र का मतलब है।

.class_name::after {
  content: "\A";
  white-space: pre;
}

Answer 19

विन्सेंट रॉबर्ट और जॉय एडम्स के जवाब दोनों ही मान्य हैं। यदि आप नहीं चाहते हैं, हालांकि, मार्कअप को बदल दें, तो आप एक <br />जावास्क्रिप्ट का उपयोग कर सकते हैं ।

मार्कअप को बदलने के बिना सीएसएस में ऐसा करने का कोई तरीका नहीं है।

Comments

यह सटीक नहीं है। एक का उपयोग :afterया :beforeकर सकता है।

— आर्टूर बोदेरा

Answer 20

मेरे मामले में, मुझे एक इनपुट बटन की आवश्यकता थी, उसके पहले एक लाइन ब्रेक होना चाहिए।
मैंने बटन पर निम्नलिखित शैली लागू की और यह काम किया:

clear:both;

Answer 21

मामले में यह किसी की मदद करता है ...

आप ऐसा कर सकते हैं:

<p>This is an <a class="on-new-line">inline link</a>?</p>

इस सीएसएस के साथ:

a.on-new-line:before { 
  content: ' '; 
  font-size:0; 
  display:block;
  line-height:0;
}

Comments

or.on-new-line:before {content: ""; display: block;}

— meuwka

Answer 22

 रिक्त स्थान के बजाय उपयोग करने से एक विराम होगा।

<span>I&nbsp;DONT&nbsp;WANT&nbsp;TO&nbsp;BREAK&nbsp;THIS&nbsp;LINE&nbsp;UP, but this text can be on any line.</span>

Answer 23

क्रोम में यह काम करता है:

p::after {
    content: "-";
    color: transparent;
    display: block;
}

Answer 24

मुझे लगता है कि आप एक ब्रेकपॉइंट का उपयोग नहीं करना चाहते थे क्योंकि यह हमेशा लाइन को तोड़ देगा। क्या वो सही है? यदि <br />आपके पाठ में एक ब्रेकपॉइंट जोड़ने के बारे में ऐसा है , तो इसे एक वर्ग दें जैसे कि <br class="hidebreak"/>मीडिया क्वेरी का उपयोग करके उस आकार के ठीक ऊपर जिसे आप इसे छिपाने के लिए ब्रेक करना चाहते हैं<br /> ताकि यह एक विशिष्ट चौड़ाई पर टूट जाए, लेकिन उस चौड़ाई के ऊपर इनलाइन रहता है।

HTML:

<p>
The below line breaks at 766px.
</p>

<p>
 This is the line of text<br class="hidebreak"> I want to break.
</p>

सीएसएस:

@media (min-width: 767px) {
  br.hidebreak {display:none;}
}

https://jsfiddle.net/517Design/o71yw5vd/

Comments

मैंने अभी देखा कि साइमन_वेवर ने मेरे जैसा जवाब पोस्ट किया था। क्षमा करें, साइमन आपकी प्रतिक्रिया को कम करने की कोशिश नहीं कर रहा था। मेरे द्वारा पोस्ट किए जाने से पहले मैंने सभी उत्तर नहीं पढ़े और उसके बाद आपका ध्यान नहीं गया। मेरा बुरा ... सबक सीखा .. मैं भविष्य में मेरा पोस्ट करने से पहले अन्य उत्तर पढ़ूंगा।

— क्रानित

कोई चिंता नहीं! लेकिन आपको मुझे एक कविता लिखनी होगी। से w3schools.com/tags/tag_br.asp "Tip: The <br> tag is useful for writing addresses or poems."

— Simon_Weaver

Answer 25

कोड हो सकता है

<div class="text-class"><span>hello</span><span>How are you</span></div>

सीएसएस होगा

.text-class {
     display: flex;
     justify-content: flex-start;
     flex-direction: column;
     align-items: center;
 }

Answer 26

मत करो। यदि आप एक हार्ड लाइन ब्रेक चाहते हैं, तो एक का उपयोग करें।

Comments

+1 हां, लेकिन यदि नई लाइन विशुद्ध रूप से प्रस्तुति के उपयोग के लिए है display: block;।

— वेब_डिजाइनर

मुझे समझ नहीं आ रहा है कि इस उत्तर को कोई वोट क्यों मिला। यदि मेरे पास हार्ड लाइन ब्रेक का उपयोग करने की क्षमता है, तो मैं इस प्रश्न को नहीं देखूंगा।

— त्रिशूल