title: make <ul> fit width of <li> links
body: <p>I have a div with <code>overflow-x:scroll;</code> and in that div I have a list, and that list have some links. But I don't seem to be able to make my list a wide as its links. Which results in my links jumping lines.</p>
  
  <p>How would I fix this?</p>
  
  <p>My html</p>
  
  <pre><code>&lt;div class="menu"&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;a long text that jumps lines&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;a href="#"&gt;a line that don't jump&lt;/a&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS</p>
  
  <pre><code>.menu{
     width:400px;
     overflow-x:scroll;
  }
  </code></pre>