両者は並んでいません

Question

2つのdivを並べて表示するにはどうすればいいですか？あなたは、私がHREFで表示ブロックは、次の行にdiv要素を引き起こすが、それはdoesntのは、ビデオ

やるべき #videoで float:leftのコメントを外す

#video{ 
    width: 412px; 
    //float: left; 
    display: inline; 
    margin: 35px 0 0 56px; 
}   

<div id="video" 
    style="border: 1px solid rgb(204, 204, 204); width: 490px; height: 385px;"> 
    <a href="#" style="display:block;width:470px;height:365px;padding:10px;" 
     id="player"> </a> 
    <script type="text/javascript"> 
     flowplayer("player", "flowplayer-3.2.2.swf",{ 
      plugins: { controls: null },       
      canvas: { backgroundColor: '#ffffff',backgroundGradient: "none"}, 
      clip: { url: 'a.mp4' }, 
      onLoad: function() { 
       this.setVolume(100); 
      } 
     }); 
    </script> 
</div> 
<div style="float:right;width:300px;height:385px;border:1px solid red;"> 

</div> 

Answer 1

を示しインライン化する変更を知ってここに http://wholesaletoriches.com/newsite/thankyou/new3/3/

ページを表示することができますトリック。

Answer 2

フロートボックスをビデオの横に表示したい場合は、フロートが最初に表示されるようにマークアップ内で切り替える必要があります。