我想创建一个表，第二列（由单个单元格表示）放在一个页面的中心。 我试图使用calc（）函数来实现这一点，但是它并不起作用。 下面是我的代码:
null
.bio {
text-align: center;
margin: 0 auto;
width: calc(100% - 200px);
}
img {
height: 200px;
}<table cellspacing="20">
<tr>
<td>
<img src="https://placehold.it/200x200" alt="image of me">
</td>
<td class="bio">
<h1>Heading</h1>
<p>Some text</p>
</td>
</tr>
</table>null
我的代码怎么了？
null
table {
display: flex;
justify-content: center;
text-align: center;
}
img {
height: 200px;
position: absolute;
left: 0;
top: 0;
}<table cellspacing="20">
<tr>
<td>
<img src="https://placehold.it/200x200" alt="image of me">
</td>
<td class="bio">
<h1>Heading</h1>
<p>Some text</p>
</td>
</tr>
</table>