title: changing row height/width in php
body: <p>Does anyone know how to change row height and width or even break to a new line in css/html? </p>
  
  <p>I have some long sentences in a row and they overlap each other rather than going to a new line?  This makes the text unreadable.  Please see screenshot of the issue.</p>
  
  <p>I've also tried to set min-width values to the <code>&lt;td&gt;</code> and <code>&lt;tr&gt;</code> page elements.</p>
  
  <p>But no effect.  I've also set the table to width-100%; but the table won't stretch all the way across the screen.</p>
  
  <p>I want it to look like this...the sentence continues below:</p>
  
  <p><img src="https://i.stack.imgur.com/MrPEw.jpg" alt="enter image description here"></p>
  
  <p>Instead...it does this...</p>
  
  <p><img src="https://i.stack.imgur.com/oVEvi.jpg" alt="enter image description here">
  As you can see , I can't even read the text in the table as the cells are pushing the text together.  I want the cells to stretch to fit the text.</p>
  
  <p>I've changed the width of one of the cells but the text still won't continue onto a different line.  It just seems to be crammed in one cell.</p>
  
  <p>css:</p>
  
  <pre><code>table {
          width: 100%;
          height: 30%;
          border: 1px solid #ffffff;
          border-spacing: 0;
          border-collapse: collapse;
          background-color: #ffffff;
  }
  tr:nth-child(even) {
      background: #ffffff;
     height:20%;
  }
  
  
  tfoot {
          background: #e9e9e9;
          font-weight: bold;
  }
  th {
          text-transform: uppercase;
          border-right: 1px solid #fff;
          background: #ffffff;
          border-bottom: 2px #fff solid;
          color:#fff;
  }
  
  
  
  td, caption {
          border-right: 1px solid #ffffff;
          border-bottom: 1px solid #ffffff;
  }
  tr.even td {
          background: #ffffff;
  }
  th, td, caption {
          padding: 10px;
  }
  :before, :after {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
  }
  .clearfix:before, .clearfix:after, .container:before, .container:after {
          display: table;
          content: " ";
  }
  .table-style2 th {
          border-right-color: #fff;
          border-bottom-color: #fff;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>    &lt;table border='1'&gt;
      &lt;tr&gt;
      &lt;th&gt;ID&lt;/th&gt;
      &lt;th&gt;Title&lt;/th&gt;
      &lt;th&gt;Description&lt;/th&gt;
      &lt;th&gt;Location&lt;/th&gt;
      &lt;th&gt;Category&lt;/th&gt;
      &lt;/tr&gt;&lt;tr&gt;&lt;td style='height:10px; width:10px;'&gt;1&lt;/td&gt;&lt;td&gt;example&lt;/td&gt;&lt;td style='height:10px; width:100%;'&gt;example text&lt;/td&gt; &lt;td&gt;example city&lt;/td&gt;&lt;td&gt;example category&lt;/td&gt; &lt;/tr&gt;
  &lt;tr&gt;&lt;td style='height:10px; width:10px;'&gt;2&lt;/td&gt;&lt;td&gt;Banker&lt;/td&gt;&lt;td style='height:10px; width:100%;'&gt;Banking for clients&lt;/td&gt; &lt;td&gt;Harrogate&lt;/td&gt;&lt;td&gt;banker&lt;/td&gt; &lt;/tr&gt;
  &lt;tr&gt;&lt;td style='height:10px; width:10px;'&gt;3&lt;/td&gt;&lt;td&gt;front end web developer&lt;/td&gt;&lt;td style='height:10px; width:100%;'&gt;front end web developer, create and maintain amazing websites.  html5, css3, javascript skills needed.&lt;/td&gt; &lt;td&gt;York&lt;/td&gt;&lt;td&gt;IT&lt;/td&gt; &lt;/tr&gt;
  &lt;tr&gt;&lt;td style='height:10px; width:10px;'&gt;4&lt;/td&gt;&lt;td&gt;front end web developer&lt;/td&gt;&lt;td style='height:10px; width:100%;'&gt;front end web developer, create and maintain amazing websites.  html5, css3, javascript skills needed.&lt;/td&gt; &lt;td&gt;harrogate&lt;/td&gt;&lt;td&gt;IT&lt;/td&gt; &lt;/tr&gt;
  &lt;tr&gt;&lt;td style='height:10px; width:10px;'&gt;5&lt;/td&gt;&lt;td&gt;Waiting Staff &lt;/td&gt;&lt;td style='height:10px; width:100%;'&gt;A history of table service is suitable but not essential as we provide thorough and comprehensive training on-site to provide our staff with the skills to excel. We’d like outgoing people motivated to wow our guests and who share our passion for outstanding service. Having been rated by our own staff in the Sunday Times 100 Best Companies surveys as one of the nation’s top hundred employers guarantees you that this will be a job like no other. We are currently the No.1 employer for having fu&lt;/td&gt; &lt;td&gt;newcastle upon tyne&lt;/td&gt;&lt;td&gt;catering&lt;/td&gt; &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>