title: HTML/CSS How to have to tags on same line?
body: <p>I don't know if that's exactly the right title for this question and I'm sorry, anyway... So I've been learning HTML and CSS for the past couple of days. I would like to say I've been progressing quite a bit and I came across an issue. I made a ul list with a couple li's in there and I wanted to make them both on the same line (The top of the screen, a bit how stack overflow looks with the drop down being the heading and the news feed and questions being the ul list). However in the video I watched it told me to do this: </p>
  
  <pre><code>h1 {
      margin 0;
      display: inline;
  }
  
  ul {
      margin: 0;
      display: inline;
  }
  </code></pre>
  
  <p>And in the video the ul was now horizontal instead of being vertical. I've been searching online for a while and couldn't find anything so I had to come here. Now I'm wondering if someone could give me the correct code to solve the issue and have the heading and the ul on the same row at the top of the screen and in fact if I could gain a link of some kind to finding a better way of learning HTML and CSS? Thank you.</p>