html - How to display h1 and ul link inline? -

How do I display my h1 and ul tags in the same line? This is for my header text which is above the main content (nothing to do with this question to add more text to me)

This is my code:

HTML:

  & lt; Div id = "header" & gt; & Lt; H1 & gt; Logo & lt; / H1> & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "index.html" & gt; Home & lt; / A & gt; | & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "fixtures.html" & gt; Fixtures & amp; Results & lt; / A & gt; | & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "news.html" & gt; News & lt; / A & gt; | & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "players.html" & gt; Player & lt; / A & gt; | & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "table.html" & gt; Table & lt; / A & gt; | & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;   
 CSS:  
  #header {margin: 0 pixels; Padding: 0px; White color; Background color: red; Width: 100%; } # Header H1 {display: inline; } # Header UL Lee {Display: Inline; } # Header UL Lee {text-decoration: none; Font-size: 16px; font-weight: bold; White color; } # Header UL Lee A: Hover {Text-decoration: Outlined; }    
 
 
 add  #header ul {display: inline; } . Should do this.