title: How to align a td text to the left of the table
body: <p>I have created a table in JSP file to look like this:</p>
  <h3>JSP Code:</h3>
  <pre><code>&lt;table style=&quot;width: 832px;&quot; &gt;
      &lt;tr&gt;
          &lt;td style=&quot;width: 45px;text-align: left;&quot; align=&quot;left&quot;&gt;&lt;%=episodeDate %&gt;&lt;/td&gt;
          &lt;td style=&quot;width: 7px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td style=&quot;width: 257px;text-align: left;&quot; &gt;&lt;%=careprovidername %&gt;&lt;/td&gt;
          &lt;td style=&quot;width: 7px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td style=&quot;width: 260px;text-align: left;&quot; &gt;&lt;%=docatorname %&gt;&lt;/td&gt;
          &lt;td style=&quot;width: 6px;&quot;&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td style=&quot;width: 250px;text-align: left;&quot;&gt;&lt;%=purposeType %&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  <p>But what I get is display in the below image.</p>
  <p><img src="https://i.stack.imgur.com/IP7WU.png" alt="Table" /></p>
  <p>My problem is that the 5th and 7th td data are not shown well aligned. What is wrong with this code?</p>