title: CSS Width / Max-Width on Line Wrap?
body: <pre><code>#tooltip
  { 
      position: absolute;
      width:auto;
      min-width:50px;
      max-width:250px;
      padding:10px;
      background-color:#eee;
      border:1px solid #aaa;
  }
  </code></pre>
  
  <p>Based on this style I would expect my tooltip to shrink or grow to fit the content, down to 50px or up to 250px. However, the max-width property seems to be over-riding my width property when a content wraps to the next line. It is an aesthetics thing when the word at the end of a sentence is long, it looks like it leaves a bunch of padding (see screenshot). Is that the normal behavior?</p>
  
  <p><img src="https://i.stack.imgur.com/oYpCu.png" alt="enter image description here"></p>