title: HTML Table's TD not aligning top
body: <p>I am just trying out a simple table format but it's been giving me headache</p>
  
  <p><img src="https://i.stack.imgur.com/wa2g8.png" alt="enter image description here"></p>
  
  <p>The table has a fixed height, and the items is supposed to be aligned to the top. With empty spaces below if there is excess space.</p>
  
  <p>Current Code</p>
  
  <pre><code>&lt;table width='100%' height='250px' style='font-family: Arial, Helvetica, sans-serif; font-size: 10pt; border: 1.0pt solid windowtext; vertical-align: top;'&gt;
  &lt;tr style='border-bottom: 1.0pt solid windowtext;'&gt;
      &lt;td&gt;&lt;b&gt;&lt;u&gt;Sim Card :&lt;/u&gt;&lt;/b&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;&lt;b&gt;Phone Number&lt;/b&gt;&lt;/td&gt;
      &lt;td&gt;&lt;b&gt;4G&lt;/b&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;55555555&lt;/td&gt;
      &lt;td&gt;YES&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;66666666&lt;/td&gt;
      &lt;td&gt;YES&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;77777777&lt;/td&gt;
      &lt;td&gt;NO&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>I think i wasn't clear with what I want earlier, what I want is not just for the TD to valign top, its for the whole cell to be valigned to the top of the table without each of them having the average height of the table.</p>
  
  <p><img src="https://i.stack.imgur.com/cjwsW.png" alt="enter image description here"></p>