title: does a <ul> tag automatically cause center alignment within table cell?
body: <p>It is kind of wierd but in my table cell I have a bullet point which for some strange reason it causes the text to align in the center of the cell even though I have no include text-align center or anything of the sort. To be honest all of the other table columns which by the way do not include bullet points align to the left as normal but for the column which contains a bullet points, its causes the text to the align center and I do not know why this is.</p>
  
  <p>My question is does the <code>&lt;ul&gt;</code> tag cause the text to align center by default within a table cell or is there something which is somehow contradicting with the <code>&lt;ul&gt;</code> tag and hence it is aligning the text to the center?</p>
  
  <p>Below is the table (cut down code):</p>
  
  <pre><code>    &lt;table id="tableqanda" cellpadding="0" cellspacing="0"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th width="11%" class="image"&gt;Image&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;/table&gt;
      &lt;div id="tableqanda_onthefly_container"&gt;
      &lt;table id="tableqanda_onthefly" cellpadding="0" cellspacing="0"&gt;
      &lt;tbody&gt;
          &lt;?php
            foreach ($arrQuestionId as $key=&gt;$question) {
          echo '&lt;tr class="tableqandarow"&gt;'.PHP_EOL;
          echo '&lt;td width="11%" class="imagetd"&gt;'. ( ( empty ($arrImageFile[$key]) ) ? "&amp;nbsp;" : '&lt;ul class="qandaul"&gt;&lt;li&gt;'.htmlspecialchars( is_array( $arrImageFile[$key] ) ? implode(",", $arrImageFile[$key]) : $arrImageFile[$key] ) ). '&lt;/li&gt;&lt;/ul&gt;&lt;/td&gt;' . PHP_EOL;
  
          echo '&lt;/tr&gt;'.PHP_EOL;
          }
  ?&gt;
      &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Below is the css which includes css for table:</p>
  
  <pre><code>.imagetd{
      font-size:75%;  
  }
  
  
  .qandaul{
      list-style-type:square;
  }
  
  #tableqanda_onthefly_container
  {
      width:100%;
      overflow-y: auto;
      overflow-x: hidden;
      max-height:500px;
  }
  
  #tableqanda_onthefly
  {
      width:100%;
      overflow:auto;
      clear:both;
  }
  
  #tableqanda_onthefly td
  {
      border:1px black solid;
      border-collapse:collapse;
  }
  
  #tableqanda, #tableqanda_onthefly{
      border:1px black solid;
      border-collapse:collapse;
      table-layout:fixed;
      word-wrap:break-word;
  }       
  
  #tableqanda{
      width:100%;
      margin-left:0;
      float:left;
  }
  
  #tableqanda td { 
      vertical-align: middle;
      border:1px black solid;
      border-collapse:collapse;
  }
  
  #tableqanda th{
      border:1px black solid;
      border-collapse:collapse;
      text-align:center;
  }
  
  .tableqandarow{
      border:1px black solid;
      border-collapse:collapse;
  }
  </code></pre>