html-在目标位置放置表格

我找不到我桌子的正确位置。我有这样的代码：

<div style="width: 1270px;">
  <div>
   <table style="float:left>
    <tr><td>something1</td></tr>
    <tr><td>something2</td></tr>
   </table>
   <img src="some_sorce">
   <table style="float:left>
    <tr><td>something3</td></tr>
    <tr><td>something4</td></tr>
   </table>
  </div>
</div>

我有两个问题： 首先，我希望将表放在包含div的底部。我尝试在某些位置进行某种垂直对齐，但失败了。其次，我希望图像位于div的中心，text align:center不要这样做。有人能帮我吗？

而不是：

<table>
<img src="some_sorce">

应该是：

</table>
<img src="some_sorce">

默认情况下，图像具有display:inline属性，因此您需要执行以下操作：

<img src="some_sorce" style="display: block">

---

将图像居中

。CSS在控制垂直对齐方面绝对是愚蠢的。CSS人员需要走出他们的地下象牙塔，看看现实世界是什么样子。我不太理解垂直对齐。有一次它看起来像我期望的那样工作，但下一次它的工作方式就不同了。我会读你给我读的东西。谢谢，对不起。我在这里写代码的错误。为此用石头打死我/或者只是style=margin:0 auto。style=margin:0 auto在我将其放入包含img div时不起作用，如果我将其作为样式放入img，则不起作用..：/