Question 2542 in Wordpress Question posted in
The official Wordpress documentation can be found here.

The words in slider are splitted in a inappropriate way – WordPress

I have a slider in wordpress which splits the words, like the example below.

I have the following html code:

<div class="box-caption--excerpt">
   <p>Compassion is “sensitivity to the pain or suffering of another, coupled with a deep desire to alleviate that suffering”. (Goetz et al, 2010)</p>
</div>

I tried using the following css, but I don’t have the expected outcome.

.box-caption--excerpt p{
    word-space: nowrap;
}

Any help please?

enter image description here

Tags:

3

Answers


  1. Chosen as BEST ANSWER
    0

    I found the solution. I had to set:

    .box-caption--excerpt p{
     line-break: normal;
}

  2. 0

    word-break: normal; or word-break: keep-all is the answer to your problem;

    Login or Signup to reply.
  3. 0

    Increase the width of the div

    .box-caption--excerpt p{
    word-space: nowrap;
    width:"150px";

    }

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search