ビデオの隣にテーブルを置く

Question

テーブルを自分のビデオの隣に配置したい。したがって、右下に直接、右下にはありません。

https://jsfiddle.net/fm0zxg8c/

wouldnt let me post without this 

あなたは私がビデオに右隣ににそれをしたい、動画の下にあるテーブルというコードで見ることができます。

Answer 1

これは達成しようとしているものに近いですか？ 私が行ったことは、ビデオをテーブルに追加し、そのセルの境界線の色を白に変更しました。バックグラウンドは本当に白ではなかったので、体の背景色も#FFFFFFに設定しました。

Answer 2

これはduplicate of your previous questionのようですが、私があなたの要件を満たすと信じている以下の解決法を提供しました。すぐに回答が得られない場合は、同じ質問をもう一度するべきではありません。ここで

https://jsfiddle.net/fmmnsw04/1/

解決策を示していた部分である：

.datawrapper { 
    display: table; 
    width: 100%; 
    border-top: 2px solid black; 
    border-bottom: 2px solid black; 
    margin: 10px 0; 
} 

.videodata, 
.tabledata { 
    float: left; 
    vertical-align: bottom; 
} 
.videodata { 
    width: 40%; 
} 
.videodata video { 
    vertical-align: bottom; 
} 
.tabledata { 
    width: 60%; 
    overflow-x: auto; 
} 
    <div class="datawrapper"> 
    <div class="videodata"> 
     <video width="100%" controls="controls"> 
     <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
     <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"> Your 

browser does not support HTML5 video. 
     </video> 
    </div> 
    <div class="tabledata"> 
     <table> 
     </table> 
    </div> 
    </div> 

このソリューションは、独自のdiv内のビデオやテーブルをラップし、左にそれらを浮かびます。ブラウザの幅に基づいてテーブルとビデオのサイズを変更し、元の質問の水平ルールを黒い枠線で置き換えます。