title: How to wrap content of H1 tag
body: <p>I am unable to explain my question. But if anyone understood what I want please do edit.</p>
  
  <p>I have following code</p>
  
  <pre><code>&lt;table style="width:100%"&gt;
  
          &lt;tr style="border-style: none solid solid solid; border-width: thin; border-color: #C0C0C0; background-color: #FFFFFF"&gt;
              &lt;td class="style4" width="100%" 
  
                  style="border-bottom-style: solid; border-bottom-width: thin; border-bottom-color: #C0C0C0" 
                  align="left"&gt;
                  &lt;h1 style="font-style: normal; font-weight: normal;"&gt;
                              &lt;%=t.getTitle() %&gt;
                  &lt;/h1&gt;
  </code></pre>
  
  <p>Whenever <code>t.getTitle()</code> returns a larger string that is in one line, my heading goes out of the page (overflow). I want to wrap the content of <code>h1</code> into <code>td</code> having it.</p>
  
  <p>Like stackoverflow.com uses for its question titles.</p>