html - 表格内容未左对齐

Question

我想要 <img>和 Test向左对齐，但它们不是。

我的代码:

<center>
  <div class="body" id="block">
    <span style="width:95%;background-color: rgb(247,247,247);border-radius:10px;display:block;">
      <table>
        <tr style="height:25px;">
          <td style="width:70%;margin-left:10px;font-size:20px;text-align:left;display:block;">
            <img style="height:20px;" src="http://i64.tinypic.com/2i9qzj5.png">
            Test
          </td>
          <td style="font-size:12px;">
            Another test
          </td>
          <td style="width:5%;">
          </td>
          <td style="width:15%;font-size:12px;">
            Third test
          </td>
        </tr>
      </table>
    </span>
  </div>
</center>

我试了好几种方法，但还是不行。我不明白我在这里做错了什么。

Answer 1

删除 CSS display:block的 <td>标签:

<td style="width:70%;margin-left:10px;font-size:20px;text-align:left;display:block;">

新代码:

<td style="width:70%;margin-left:10px;font-size:20px;text-align:left;">

默认情况下，<td>表中有 CSS:display: table-cell;

正确答案:

 table { width: 100%; }