對齊 div 元素（css、html）

Question

我是 HTML 和 CSS 的初學者，我正在努力按照圖像預期結果中的描述定位一些 div 元素。 我用margin-left: auto和margin-right: auto將表格居中。 我希望文本div 元素在表格的正上方對齊。 有什么好的方法可以做到這一點嗎？

任何幫助深表感謝。

Answer 1

將它們都放在另一個 div 中，該 div 將在框內居中

設置表格寬度和 div 寬度。

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

包裝器 div 應與表 div 具有相同的寬度。

Answer 2

有很多方法可以做到這一點，當您嘗試時，您可以嘗試添加以下 css 樣式：

 display:inline-block