对齐 div 个元素（css、html）

Question

我是 HTML 和 CSS 的初学者，我很难按照图片 intended outcome 中的描述定位一些 div 元素。我已将 table 与 margin-left: auto 和 margin-right: auto 居中。我希望 text div 元素对齐到 table 的正上方。有什么好的方法吗？

非常感谢任何帮助。

Answer 1

有很多方法可以做到这一点，您可以尝试添加以下 css 样式：

 display:inline-block

Answer 2

将它们都放在另一个 div 中，该 div 将在框内居中

设置 table 宽度和 div 宽度。

<div id="wrapper-div" style="margin:auto; width:XXpx">
    <div id="text-div" style=""></div>
    <div id="table-div"></div>
</div>

包装 div 的宽度应与 table div 的宽度相同。

对齐 div 个元素（css、html）

Aligning div elements (css, html)

html

css

alignment