title: Getting desired min-width/line-wrapping behavior
body: <p>What should I do to get a <code>&lt;div&gt;</code> containing variable text behaving as follows:</p>
  
  <ul>
  <li>width is always at least 400px;</li>
  <li>words are not broken across lines, but lines can be broken at word boundaries;</li>
  <li>text never overflows the border of the div, i.e. the width stretches to accommodate content such as very long words;</li>
  <li>width is exactly 400px whenever possible. In particular, if there is a long paragraph with short words, the width should be exactly 400px.</li>
  </ul>
  
  <p>The closest I got was using <code>display: inline-block; min-width: 400px;</code> but long paragraphs with short words still stretch the width.</p>