視頻元素不是HTML

Question

完美的我在html寫了一個短碼的視頻如下：
code:

#footer { 
 
    background: #166bb3; 
 
    height: 350px; 
 
} 
 
.imgdiv { 
 
    width: 100%; 
 
    background-color: #E9E9E9; 
 
    box-shadow: 0px 9px 5px -3px #000; 
 
} 
 
#footerItems { 
 
    min-width: 1024px; 
 
    width: 90%; 
 
    padding-left: 10%; 
 
} 
 
#footerItems div { 
 
    display: inline-block; 
 
    color: #FFF; 
 
    padding-top: 2%; 
 
    font-weight: bold; 
 
    font-size: 16px; 
 
} 
 
.accountPos { 
 
    padding-left: 8%; 
 
} 
 
#footerItems div ul { 
 
    padding-left: 0; 
 
} 
 
#footerItems div ul li { 
 
    list-style-type: none; 
 
    font-weight: 400; 
 
    font-size: 13px; 
 
    font-style: italic; 
 
} 
 
#videoptions { 
 
    height: 74px; 
 
    width: 23px; 
 
    background-color: #27374d; 
 
}

<div id="footer"> 
 
    <div class="col-lg-12 imgdiv"> 
 
    <img src="images/Bistip-in-media.png" style="padding-left: 17%;"> 
 
    </div> 
 
    <div id="footerItems" class="col-md-12"> 
 
    <div>About Us 
 
     <ul> 
 
     <li>About us</li> 
 
     <li>Media reviews</li> 
 
     <li>Bistip guide</li> 
 
     </ul> 
 
    </div> 
 
    <div class="accountPos">Account Information 
 
     <ul> 
 
     <li>About us</li> 
 
     <li>Media reviews</li> 
 
     <li>Bistip guide</li> 
 
     </ul> 
 
    </div> 
 
    <div class="accountPos">Market 
 
     <ul> 
 
     <li>About us</li> 
 
     <li>Media reviews</li> 
 
     <li>Bistip guide</li> 
 
     </ul> 
 
    </div> 
 
    <div class="accountPos">Bistip 
 
     <ul> 
 
     <li>About us</li> 
 
     <li>Media reviews</li> 
 
     <li>Bistip guide</li> 
 
     </ul> 
 
    </div> 
 
    <div class="accountPos" style="width: 37%; min-width: 120px"> 
 
     <div id="videoptions"> <span>Media</span> 
 

 
     <video width="143" height="74" controls> 
 
      <source src="https://www.youtube.com/watch?v=_gTEpakcmDw" type="video/mp4">Your browser does not support the video tag.</video> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

完整代碼給出here。爲獲得最佳效果，請全屏查看結果。 About Us,Account information,Market和Bistip是完美的。然而media已被搞亂。我想要media類似於下面顯示的屏幕截圖：

我該怎麼辦？

Answer 1

也許是這樣的：

#videoptions > span { 
     display:inline-block; 
     vertical-align: top; 
} 
#videoptions > video{ 
     display:inline-block; 
     vertical-align: top; 
}