首页 > java > dom > Java HTML/XML - 如何放置图像和表并排HTML比例为50-50

Java HTML/XML - 如何放置图像和表并排HTML比例为50-50

dom 【dom】
我们想知道如何放置图像和表并排HTML比例为50-50。
代码展示 运行结果 
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#one {
  width: 50%;
  float: left;
  height: 100px;
}

#two {
  width: 50%;
  float: left;
  height: 100px;
}

td, tr, table {
  border: 1px solid black;
  text-align: center;
}
</style>
</head>
<body>
  <img id="one" src="http://placehold.it/400x400" />
  <table id="two">
    <tr>
      <td>123</td>
      <td>456</td>
    </tr>
  </table>
</body>
</html>