title: jQuery / Css - Wrap the text according to fixed width
body: <p>I have a p tag which serve as the label for my images. </p>
  
  <p>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. </p>
  
  <p>Since my images could be very close to each other, the label become overlapped. </p>
  
  <p>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...</p>
  
  <p>UPDATE with html:</p>
  
  <p>My image is inside a div</p>
  
  <pre><code>  &lt;div id="Large1_1317379107949"class="image" style="position: absolute; top: 550px; left: 351.549987792969px;"&gt;&lt;img id="Large1_1317379107949"src="../../Content/ContainerImg/Large1.png"style="width: 140px; height: 191px;" /&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And i later append the label using jquery</p>
  
  <pre><code> &lt;p id="129"&gt;Large Cabinet&lt;/p&gt;
  </code></pre>