CSS - 如何将div放到另一个div?

use*_*652 5 html css alignment

<body>
        <div class="main-div">
            <table id="gameboard-table"></table>
        </div>
        <div class="main-div">
            Waiting for X players to join
            <div> Player 1 - </div>
            <div> Player 2 - </div>
            <div> Player 3 - </div>
            <div> Player 4 - </div>
        </div>
</body>
Run Code Online (Sandbox Code Playgroud)

第一个div有一个动态创建的表,第二个是静态的.

我试过用

.main-div {
    float: left;
}
Run Code Online (Sandbox Code Playgroud)

但是div仍然是另一个.

当然我没有忘记在html中包含CSS文件:)

我该如何解决?

谢谢!!!

Sci*_*ter 4

您需要设置它们的宽度,否则它们只会填充到 100%。

.main-div {
    float: left;
    width: 50%;
}
Run Code Online (Sandbox Code Playgroud)