CodePen

HTML

            
              <div class="item">
  <iframe width="560" height="315" src="//www.youtube.com/embed/LgtGNK25UWA?rel=0" frameborder="0" allowfullscreen></iframe>
  <div class="features">
    <p>
      <span>Platform:</span>
      Xbox (PAL)
    </p>
    <p>
      <span>Game Condition:</span>
      Good
    </p>
    <p>
      <span>Includes:</span>
      Manual, case & cover
    </p>
    <p>
      <span>Xbox 360 Compatible:</span>
     No
    </p>
    <p>Game Description</p>
  </div>

            
          
!

CSS

            
              body {font-family: arial, sans-serif;}
.item {width: 560px; margin: 0 auto;}
.features span {font-weight: bold; width: 30%; text-align: right; display: block; float: left; margin-right: 0.5em;}

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

JS

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