Forum

Thread tagged as: Question, Problem

Word breaks

Is there a way to stop a word break in the code below.

In this section, it is a URL (linktext)e.g. ( Encyclopedia of Philosophy) and it breaks the word Philosophy on the page

<perch:content id="link" type="text" label="URL" required="true" />" class="text-link">
   <perch:content id="linktext" type="text" label="Link Text" required="true" /></a><span> </span></cite>


    <div class="box-two-quote">
    <div class="text-box-two-quote">
       <blockquote><q>
    <perch:content id="quotetext" type="textarea" label="Quote" markdown="false" editor="markitup" /></q>
            <span class="author"><perch:content id="author" type="text" label="Author" required="true" title="true" /> –          </span> <cite><a href="<perch:content id="link" type="text" label="URL" required="true" />" class="text-link">
   <perch:content id="linktext" type="text" label="Link Text" required="true" /></a><span> </span></cite>
    </blockquote>
  </div>
  </div>
David Roberts

David Roberts 0 points

  • 5 years ago
Rachel Andrew

Rachel Andrew 394 points
Perch Support

I don't understand what you mean by a word-break? If you mean in the output then that's something you would need to deal with using CSS.

Simon Clay

Simon Clay 127 points

Hi David, as Rachel says, you should be able to fix that by putting this into your CSS:

.text-link {
    white-space: nowrap;
}

Thanks Simon. Wasn't sure which would be the best way to fix it either Perch or CSS.