title: Adjust div width to content CSS
body: <p>I have a div with list of inputs (checkboxes) and labels.</p>
  
  <p>Some labels are very long words or sentences and I would like to adjust my div to the length of content. </p>
  
  <p>At the moment, if the word is too long, the part of it goes to the next line (the new <code>li</code> element will be created, like in second screenshot, second label is now on the second and third lines) and I would like to find such CSS rules, which allows to change (to adapt) the size of div, so the words (labels for inputs) stays on one line.</p>
  
  <p>Is it possible to achieve this with help of CSS?</p>
  
  <p><a href="https://i.stack.imgur.com/b8fB6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b8fB6.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/57eGF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/57eGF.png" alt="enter image description here"></a></p>