javascript - ページに2つ追加されたチャイルド、JavaScriptで整列する方法

Question

2 つのテーブルを作成し、それらをページに追加する必要があります。

2 つのテーブルを追加するだけの場合:

document.getElementById("list").appendChild(list_table_one);
document.getElementById("list").appendChild(list_table_two);

それらはページの上下に配置されました。それらを並べて配置するにはどうすればよいですか？

Answer 1

display プロパティを inline-block に設定できます

詳細については、例を参照してください

更新:行を分割するように css を構成する方法を示す表を追加します。

これらの要素は、定義された幅を持つ div 内にあると言うことが重要です。

Answer 2

テーブルのdisplayプロパティをinline-blockに設定するかfloat、テーブルを片側に設定すると、十分に狭いと仮定して、並べて表示できるはずです。

table {
    display: inline-block;
    /* or */
    float: left;
}