CodePen

HTML

            
              <div id="bodyvideo">

 	 <div class="videounutra">
     
    	 <div class="videotext">
     		sadasdas sadasdas sadasdas sadasdas  sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas 
            sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas
            sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas
         dasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas
            sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas
         dasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas
            sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas sadasdas
         
     	</div>
        
     <div class="video">
 	  		<video width="100%"  controls> 
 	 			<source src="video-2011-05-21-23-08-28.ogv" type="video/ogg" />
	 			<source src="video-2011-05-21-23-08-28.mp4" type="video/mp4" />
	 			<source src="video-2011-05-21-23-08-28.webmhd.webm" type="video/webm" />
	 		</video></div>
            
	</div>
</div> 

            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              #bodyvideo{
	width:100%;
	background-color:#3d73ce;
}

.videounutra{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	padding-top:100px;
}
.videotext{
	float:left;
	width:450px;
	
}
.video{
  float:right;
	width:500px;
}

            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................