jQuery / Css - Wrap the text according to fixed width

Question

I have a p tag which serve as the label for my images.

Currently if the text inside the paragraph is longer than the width of my images, the label will just "expand" and exceed my image width.

Since my images could be very close to each other, the label become overlapped.

I need some way where i can set the width of the p tag according to the image width, and wrap extra text inside the p tag (bring to the next line). Any idea how to achieve this by anyway?? Appreciate any help...

UPDATE with html:

My image is inside a div

  <div id="Large1_1317379107949"class="image" style="position: absolute; top: 550px; left: 351.549987792969px;"><img id="Large1_1317379107949"src="../../Content/ContainerImg/Large1.png"style="width: 140px; height: 191px;" /></div>

And i later append the label using jquery

 <p id="129">Large Cabinet</p>

Michael D. Irizarry · Accepted Answer · 2011-10-10 02:23:57Z

1

You can achieve it with the word-wrap property.

CSS

   .break-word {
      word-wrap: break-word;
    }

answered Oct 10, 2011 at 2:23

Michael D. Irizarry

6,3825 gold badges33 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery / Css - Wrap the text according to fixed width

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related