CodePen

HTML

            
              <html>
<body>
    <div id="whole" class="clearfixx">
        <div id="leftReoportaji" class="clearfixx">
            <span class="allVideo" class="clearfixx">Video is here</span>
            <span class="clearfixx">text text text</span>
            <hr/>
        </div>
        <div class="rightReportaji" class="clearfixx">
             <span class="allVideo" class="clearfixx">Video is here</span>
            <span class="clearfixx">text text text</span>
            <hr/>            
        </div>
    </div>
</body>
</html>
            
          
!
via HTML Inspector

CSS

            
              /*Recent reports*/
#leftReoportaji {
	padding: 0;
	width: 50%;
	float:left;
	border-right: 3px solid black;
	
}

#rightReportaji {
	padding: 0;
	width: 48%;
	float: right;
}
/*Inner video*/
.allVideo {
	float: left;
	clear: both;
	padding: 5px;
}

#wholee {
	border: 3px solid black;
}

#wholeEuVideo:after { 
	content: ".";  
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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