如何將這些列表項目和標籤移動到圖像旁邊

我需要獲取列表項目（主頁，最後一英里，供應鏈....等）以及圖像旁邊的項目管理標籤（灰色地帶）。我覺得這應該很簡單。但我無法想象出我的生活。如何將這些列表項目和標籤移動到圖像旁邊

下面是HTML代碼，我有：

 <div class="navbar"> 
     <div class="logo"> 
      <asp:image runat="server" CssClass="logo" ImageUrl="~/FidelitoneLogo.png" Width="62px" Height="33px"/> 
     </div> 
     <div class="Menu"> 
     <ul> 
      <li> <a href="#">Home</a></li> 
      <li><a href="#">Last Mile</a></li> 
      <li><a href="#">Order Fulfillment</a></li> 
      <li><a href="#">Supply Chain</a></li> 
      <li><a href="#">QB Products</a></li> 
      <li><a href="#">Shared Services</a></li> 
      <li><a href="#">Employee Resources</a></li> 
      <li><a href="#">Quality</a></li> 
     </ul> 
     </div> 
     <asp:Label ID="lblProjectManagement" runat="server" Text="Project Management" CssClass="pmLabel" Width="139px" Height="35px"></asp:Label> 
     </div>

和CSS

.logo { 
background: no-repeat; 
padding: 0px; 
margin: 0px; 
width: 65px; 
} 

.Menu ul { 
padding: 0px; 
margin: 0px; 
} 

.Menu ul li { 
display: inline; 
padding: 5px; 
font-size: 8px; 
} 

.Menu ul li a { 
vertical-align: top; 
padding-bottom: 
} 

.navbar div { 
display: inline; 
} 

.pmLabel { 
display: block; 
font-size: 14px; 
padding-left: 5px; 
vertical-align: top; 

}

來源

2016-07-26 Psymbionic