title: How do I replicate the exact layout of the attached document?
body: <p><img src="https://i.stack.imgur.com/9879P.jpg" alt="enter image description here"></p>
  
  <p>Hi
  The form is a word document and I have been trying to recreate it exactly as is with html but having difficulty unfotunately.</p>
  
  <p>This is what I have so far. Perhaps, css is the reason why it isn't laying out correctly.</p>
  
  <p>Thanks for your assistance.</p>
  
  <p>CSS - Must have:</p>
  
  <pre><code> &lt;style type="text/css"&gt;
   table .mystyle
  {
      border-width: 0 0 1px 1px;
      border-spacing: 0;
      border-collapse: collapse;
      border-style: solid;
      border-color:#000;
      width:900px;
  }
  
  .mystyle td, .mystyle th
  {
      margin: 0;
      padding: 4px;
      border-width: 1px 1px 0 0;
      border-style: solid;
      font-size:medium;
      border-color:#000;
  }
     &lt;/style&gt;
  </code></pre>
  
  <p>Current html:</p>
  
  <pre><code>  &lt;table class="mystyle"&gt;
      &lt;tr&gt;
      &lt;td style="width:50px;" class="style7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td style="width:158px;" class="style7"&gt;Milestone&lt;/td&gt;
      &lt;td style="width:158px;" class="style7"&gt;Owner&lt;/td&gt;
          &lt;td style="width:108px;white-space:nowrap;"&gt;
            &lt;TABLE border="1"&gt;
               &lt;TR&gt;
                 &lt;TD colspan="2"&gt;Completion Date&lt;/TD&gt;
              &lt;/TR&gt;
              &lt;TR&gt;
                &lt;TD&gt;Target&lt;/TD&gt;
                &lt;TD&gt;Actual&lt;/TD&gt;
              &lt;/TR&gt;
             &lt;/TABLE&gt;
           &lt;/td&gt;
          &lt;td style="width:358px;" class="style7"&gt;Comments&lt;/td&gt;
      &lt;/tr&gt;
       &lt;tr&gt;
  
      &lt;/tr&gt;
    &lt;/table&gt;
  </code></pre>
  
  <p>Extreme left are Qtr 1 through Qtr4</p>
  
  <p><img src="https://i.stack.imgur.com/rlUoC.jpg" alt="enter image description here"></p>