How to make a word break for span element? Unicorn Meta Zoo #1: Why another podcast? ...

Are these square matrices always diagonalisable?

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

c++ diamond problem - How to call base method only once

Justification for leaving new position after a short time

Second order approximation of the loss function (Deep learning book, 7.33)

Expansion//Explosion and Siren Stormtamer

Can I criticise the more senior developers around me for not writing clean code?

What's parked in Mil Moscow helicopter plant?

Reattaching fallen shelf to wall?

Multiple options vs single option UI

Did the Roman Empire have penal colonies?

Raising a bilingual kid. When should we introduce the majority language?

I preordered a game on my Xbox while on the home screen of my friend's account. Which of us owns the game?

How to not starve gigantic beasts

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

How to avoid introduction cliches

PIC mathematical operations weird problem

What is /etc/mtab in Linux?

Map material from china not allowed to leave the country

Why did Israel vote against lifting the American embargo on Cuba?

Co-worker works way more than he should

Rolling Stones Sway guitar solo chord function

A faster way to compute the largest prime factor

Israeli soda type drink



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





























    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

























      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














      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












      share










      share



      share










      asked 7 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

          “%fieldName is a required field.”, in Magento2 REST API Call for GET Method Type The Next...

          How to change City field to a dropdown in Checkout step Magento 2Magento 2 : How to change UI field(s)...

          變成蝙蝠會怎樣? 參考資料 外部連結 导航菜单Thomas Nagel, "What is it like to be a...