Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Text not wrapping inside a div element

I am experiencing a problem that never happened before and seems really unprecedented, some text is not wrapping inside a div.

In this link is a sample of my html code:

http://jsfiddle.net/NDND2/2/

<div id="calendar_container">    <div id="events_container">         <div class="event_block">          <div class="title">             lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem          </div>       </div>    </div> </div> 

Any help??

like image 537
Vasileios Tsakalis Avatar asked May 20 '14 15:05

Vasileios Tsakalis


People also ask

How do I force wrap text in a div?

You can try specifying a width for the div, whether it be in pixels, percentages or ems, and at that point the div will remain that width and the text will wrap automatically then within the div.

How do you force text wrap in CSS?

You can force long (unbroken) text to wrap in a new line by specifying break-word with the word-wrap property. For example, you can use it to prevent text extending out the box and breaking the layout. This commonly happens when you have a long URL in the sidebar or comment list.

How do you wrap text inside?

Wrap text automaticallyOn the Home tab, in the Alignment group, click Wrap Text. (On Excel for desktop, you can also select the cell, and then press Alt + H + W.) Notes: Data in the cell wraps to fit the column width, so if you change the column width, data wrapping adjusts automatically.


1 Answers

I found this helped where my words were breaking part way through the word in a WooThemes Testimonial plugin.

.testimonials-text {     white-space: normal; } 

play with it here http://nortronics.com.au/recomendations/

<blockquote class="testimonials-text" itemprop="reviewBody">  <a href="http://www.jacobs.com/" class="avatar-link">  <img width="100" height="100" src="http://nortronics.com.au/wp-content/uploads/2015/11/SKM-100x100.jpg" class="avatar wp-post-image" alt="SKM Sinclair Knight Merz">  </a> <p>Tim continues to provide high-level technical applications advice and support for a very challenging IP video application. He has shown he will go the extra mile to ensure all avenues are explored to identify an innovative and practical solution.<br>Tim manages to do this with a very helpful and professional attitude which is much appreciated. </p> </blockquote> 
like image 126
TimmyD Avatar answered Sep 23 '22 07:09

TimmyD