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?






css checkout-page







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?






    css checkout-page







    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?






      css checkout-page







      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




      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

          Can not update quote_id field of “quote_item” table magento 2Magento 2.1 - We can't remove the item. (Shopping Cart doesnt allow us to remove items before becomes empty)Add value for custom quote item attribute using REST apiREST API endpoint v1/carts/cartId/items always returns error messageCorrect way to save entries to databaseHow to remove all associated quote objects of a customer completelyMagento 2 - Save value from custom input field to quote_itemGet quote_item data using quote id and product id filter in Magento 2How to set additional data to quote_item table from controller in Magento 2?What is the purpose of additional_data column in quote_item table in magento2Set Custom Price to Quote item magento2 from controller

          Image
          What's the in-universe reasoning behind sorcerers needing material components? What killed these X2 caps? Why is consensus so controversial in Britain? CAST throwing error when run in stored procedure but not when run as raw query Assassin's bullet with mercury Why do bosons tend to occupy the same state? Ambiguity in the definition of entropy What does the expression "A Mann!" means Is it logically or scientifically possible to artificially send energy to the body? Do scales need to be in alphabetical order? Is there an expression that means doing something right before you will need it rather than doing it in case you might need it? Is it possible to create a QR code using text? Should I tell management that I intend to leave due to bad software development practices? Why no variance term in Bayesian logistic regression? How badly should I try to prevent a user from XSSing themselves? I would say: "You are another teacher", bu
          Read more

          Magento 2 disable Secret Key on URL's from terminal The Next CEO of Stack OverflowMagento 2 Shortcut/GUI tool to perform commandline tasks for windowsIn menu add configuration linkMagento oAuth : Generating access token and access secretMagento 2 security key issue in Third-Party API redirect URIPublic actions in admin controllersHow to Disable Cache in Custom WidgetURL Key not changing in Magento 2Product URL Key gets deleted when importing custom options - Magento 2Problem with reindex terminalMagento 2 - bin/magento Commands not working in Cpanel Terminal

          Image
          How to travel Japan while expressing milk? Is it correct to say moon starry nights? What exactly is ineptocracy? Is it a bad idea to plug the other end of ESD strap to wall ground? Is it OK to decorate a log book cover? logical reads on global temp table, but not on session-level temp table What did the word "leisure" mean in late 18th Century usage? How can I separate the number from the unit in argument? Is it possible to make a 9x9 table fit within the default margins? Can a PhD from a non-TU9 German university become a professor in a TU9 university? A hang glider, sudden unexpected lift to 25,000 feet altitude, what could do this? Does int main() need a declaration on C++? Is there a rule of thumb for determining the amount one should accept for a settlement offer? Why did early computer designers eschew integers? Early programmable calculators with RS-232 What does this strange code stamp on my passport mean? Why does the freezing point ma
          Read more

          Aasi (pallopeli) Navigointivalikko

          PallopelitLeikit pallolla Aasi on yksinkertainen pallolla pelattava pallopeli, joka toimii lasten ja nuorten ajanvietteenä. Peliin tarvitaan pallo ja kolme pelaajaa. Kaksi pelaajaa ovat kaukana toisistaan (noin 10m) ja kolmas pelaaja on heidän keskellään. Kaukaisimmat pelaajat heittelevät palloa keskenään, ja keskimmäinen pelaaja, aasi, yrittää siepata pallon itselleen. Jos aasi saa pallon kiinni, hän pääsee sen pelaajan paikalle joka heitti pallon. Tämä peli esiintyy myös nimillä Piimä , Mummonkiusaus ja Kala . lähde? Aasi on myös nimitys toiselle pallopelille. Peliin tarvitaan vähintään kaksi pelaajaa sekä pallo. Pelaajat päättävät järjestyksen, jossa pelaajat potkaisevat palloa jotain päin (esim. seinää). Kukin pelaaja potkaisee vuorollaan palloa, ja häviäjä on se, joka saa ensin sanan AASI. Kirjaimia saa sillä, että osuu palloon potkaisun jälkeen. Esim. Ville, Heikki ja Kalle pelaavat aasia. Ville potkaisee palloa, ja sitten on Heikin vuoro, mutta Ville osuu palloon ennen kuin
          Read more