Html 表的内容未左对齐

我希望和测试向左对齐，但它们不是

我的代码：

我试过好几种方法，但仍然不起作用。 我不明白我做错了什么。

删除CSS显示：标记块：

---

它仍然是一团糟，但我没有清理代码。 测验 另一个测试 第三次测试

---

嘿，这是我的第一篇帖子，但我希望我能帮助你回答我的问题。我从你的html中取出了css，也切换到了div，我建议你这样做

HTML:

---

首先不要在span中使用表标记。当我检查您的代码表是否正确地显示在中间时。我希望img和Test对齐左img和“Test”仍在中间，我希望它们在左。img和“Test”仍在中间，我希望它们在左。我看到它们在左。或者我看不到你的选择。你能解释一下细节吗？你可以添加css:table{width:100%；}这很有帮助，谢谢！如果我想使用div，我已经在这里使用了。

<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>

<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;">

 table { width: 100%; }

<center>
  <div class="body" id="block">

     <div class="user item">
       <img src="http://i64.tinypic.com/2i9qzj5.png">
       Test
     </div>
     <div class="title item">
       Another Test
     </div>
     <div class="third item">
       Third test
     </div>

  </div>
</center>

.body {
  width:100%;
  height:25px;
  background-color: rgb(247,247,247);
  border-radius:10px;
  display:block;
}

.item {
  width:20%;
  display:inline-block;
}

.user {
  float:left;
  font-size:20px;
}

.user img {
  height:20px;
}

.title {
  font-size:12px;
}

.third {
}

.td4 {
  font-size:12px;
}