How to make a word break for span element? Unicorn Meta Zoo #1: Why another podcast? Announcing the arrival of Valued Associate #679: Cesar ManaraHow to make magento WYSIWYG styles workWhy the input element id's for one-page-checkout are in “type:elementname” format?can't figure out how to make iframe full widthhow to create and make a custom.css file workHow to make css changes in magento 2.2Need help with CSS for placing span on top of an input fieldLoad Custom CSS After style-l.css For Home PageMake sticky header for Magento 2 problemMagento 2: How to make the phone number optional?How to make some products shippable only to one city at checkout page

Could Neutrino technically as side-effect, incentivize centralization of the bitcoin network?

Would reducing the reference voltage of an ADC have any effect on accuracy?

Is accepting an invalid credit card number a security issue?

What's parked in Mil Moscow helicopter plant?

"Rubric" as meaning "signature" or "personal mark" -- is this accepted usage?

Does Mathematica have an implementation of the Poisson binomial distribution?

A Dictionary or Encyclopedia of Fantasy or Fairy Tales from the 1960s

Retract an already submitted recommendation letter (written for an undergrad student)

std::is_constructible on incomplete types

Why isn't everyone flabbergasted about Bran's "gift"?

With indentation set to `0em`, when using a line break, there is still an indentation of a size of a space

All ASCII characters with a given bit count

Why didn't the Space Shuttle bounce back into space as many times as possible so as to lose a lot of kinetic energy up there?

Rolling Stones Sway guitar solo chord function

Seek and ye shall find

Implementing 3DES algorithm in Java: is my code secure?

Is there any hidden 'W' sound after 'comment' in : Comment est-elle?

Is it acceptable to use working hours to read general interest books?

Could moose/elk survive in the Amazon forest?

What is this word supposed to be?

Reattaching fallen shelf to wall?

How to get even lighting when using flash for group photos near wall?

Justification for leaving new position after a short time

How to use @AuraEnabled base class method in Lightning Component?



How to make a word break for span element?



Unicorn Meta Zoo #1: Why another podcast?
Announcing the arrival of Valued Associate #679: Cesar ManaraHow to make magento WYSIWYG styles workWhy the input element id's for one-page-checkout are in “type:elementname” format?can't figure out how to make iframe full widthhow to create and make a custom.css file workHow to make css changes in magento 2.2Need help with CSS for placing span on top of an input fieldLoad Custom CSS After style-l.css For Home PageMake sticky header for Magento 2 problemMagento 2: How to make the phone number optional?How to make some products shippable only to one city at checkout page



.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















I would like to add a word break at the checkout page via custom CSS but I'm not getting an expected result.



  1. I have a text like below:

enter image description here



  1. I would like to change it as below:

enter image description here



  1. But getting the below result:

enter image description here



HTML:



<span class="step-title" data-bind="i18n: 'Contact Person/Delivery Recipient'">Kontaktperson/Leveransmottagare</span>


CSS:



.xxxxx 
word-wrap: break-word;
display:block;
width:156px;



Could anyone please help me to get the desired result?










share|improve this question




























    0















    I would like to add a word break at the checkout page via custom CSS but I'm not getting an expected result.



    1. I have a text like below:

    enter image description here



    1. I would like to change it as below:

    enter image description here



    1. But getting the below result:

    enter image description here



    HTML:



    <span class="step-title" data-bind="i18n: 'Contact Person/Delivery Recipient'">Kontaktperson/Leveransmottagare</span>


    CSS:



    .xxxxx 
    word-wrap: break-word;
    display:block;
    width:156px;



    Could anyone please help me to get the desired result?










    share|improve this question
























      0












      0








      0








      I would like to add a word break at the checkout page via custom CSS but I'm not getting an expected result.



      1. I have a text like below:

      enter image description here



      1. I would like to change it as below:

      enter image description here



      1. But getting the below result:

      enter image description here



      HTML:



      <span class="step-title" data-bind="i18n: 'Contact Person/Delivery Recipient'">Kontaktperson/Leveransmottagare</span>


      CSS:



      .xxxxx 
      word-wrap: break-word;
      display:block;
      width:156px;



      Could anyone please help me to get the desired result?










      share|improve this question














      I would like to add a word break at the checkout page via custom CSS but I'm not getting an expected result.



      1. I have a text like below:

      enter image description here



      1. I would like to change it as below:

      enter image description here



      1. But getting the below result:

      enter image description here



      HTML:



      <span class="step-title" data-bind="i18n: 'Contact Person/Delivery Recipient'">Kontaktperson/Leveransmottagare</span>


      CSS:



      .xxxxx 
      word-wrap: break-word;
      display:block;
      width:156px;



      Could anyone please help me to get the desired result?







      css checkout-page






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked 19 mins ago









      Magento vsmarttecMagento vsmarttec

      38719




      38719




















          0






          active

          oldest

          votes












          Your Answer








          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "479"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f272363%2fhow-to-make-a-word-break-for-span-element%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Magento Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f272363%2fhow-to-make-a-word-break-for-span-element%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Disable / Remove link to Product Items in Cart Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?How can I limit products that can be bought / added to cart?Remove item from cartHide “Add to Cart” button if specific products are already in cart“Prettifying” the custom options in cart pageCreate link in cart sidebar to view all added items After limit reachedLink products together in checkout/cartHow to Get product from cart and add it againHide action-edit on cart page if simple productRemoving Cart items - ObserverRemove wishlist items when added to cart

          Helsingin valtaus Sisällysluettelo Taustaa | Yleistä sotatoimista | Osapuolet | Taistelut Helsingin ympäristössä | Punaisten antautumissuunnitelma | Taistelujen kulku Helsingissä | Valtauksen jälkeen | Tappiot | Muistaminen | Kirjallisuutta | Lähteet | Aiheesta muualla | NavigointivalikkoTeoksen verkkoversioTeoksen verkkoversioGoogle BooksSisällissota Helsingissä päättyi tasan 95 vuotta sittenSaksalaisten ylivoima jyräsi punaisen HelsinginSuomalaiset kuvaavat sotien jälkiä kaupungeissa – katso kuvat ja tarinat tutuilta kulmiltaHelsingin valtaus 90 vuotta sittenSaksalaiset valtasivat HelsinginHyökkäys HelsinkiinHelsingin valtaus 12.–13.4. 1918Saksalaiset käyttivät ihmiskilpiä Helsingin valtauksessa 1918Teoksen verkkoversioTeoksen verkkoversioSaksalaiset hyökkäävät Etelä-SuomeenTaistelut LeppävaarassaSotilaat ja taistelutLeppävaara 1918 huhtikuussa. KapinatarinaHelsingin taistelut 1918Saksalaisten voitonparaati HelsingissäHelsingin valtausta juhlittiinSaksalaisten Helsinki vuonna 1918Helsingin taistelussa kaatuneet valkokaartilaisetHelsinkiin haudatut taisteluissa kaatuneet punaiset12.4.1918 Helsingin valtauksessa saksalaiset apujoukot vapauttavat kaupunginVapaussodan muistomerkkejä Helsingissä ja pääkaupunkiseudullaCrescendo / Vuoden 1918 Kansalaissodan uhrien muistomerkkim

          Adjektiivitarina Tarinan tekeminen | Esimerkki: ennen | Esimerkki: jälkeen | Navigointivalikko