title: Why is my table column not aligning left?
body: <p>I am using bootstrap, and am trying to get my "title" column in a table to align left, but it is not working. Can anybody suggest what might I be missing here?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>table td {
    text-align: left;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet"&gt;
  
  &lt;div class="table-responsive"&gt;
    &lt;table class="table"&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th&gt;Date &lt;/th&gt;
          &lt;th&gt;Time (IST)&lt;/th&gt;
          &lt;th&gt;Title&lt;/th&gt;
          &lt;th&gt;Speaker&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;Dec 17&lt;/td&gt;
          &lt;td&gt;13:00 pm to 14:00 pm&lt;/td&gt;
          &lt;td&gt;intro&lt;/td&gt;
          &lt;td&gt;me&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;Dec 17&lt;/td&gt;
          &lt;td&gt;14:00 pm to 16:00 pm&lt;/td&gt;
          &lt;td&gt;main topic&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Ultimately, I may need some column left and some right aligned.
  Here is the example URL: <a href="http://www.msbiria.org/ultrafest/schedule.php" rel="nofollow noreferrer">http://www.msbiria.org/ultrafest/schedule.php</a></p>
  
  <p><img src="https://i.stack.imgur.com/IbhqN.png" alt="enter image description here"></p>