4 [Edit removed during grace period]
source | link
3 [Edit removed during grace period]
source | link
2 added 15 characters in body
source | link

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:

1. I have a heading like below:

enter image description here

  1. I would like to change it as below:

2. I would like to change it as below:

enter image description here

  1. But getting the below result:

3. 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?

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?

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 heading like below:

enter image description here

2. I would like to change it as below:

enter image description here

3. 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?

1
source | link