title: How to fix the height and width of a multiple select
body: <p>When i keep selecting multiple options in a select element, the area displaying the current selection and it keeps expanding like the image below:</p>
  
  <p><a href="https://i.stack.imgur.com/RKwwt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RKwwt.png" alt="enter image description here"></a></p>
  
  <p>The thing I want to be is I want the select element be fix when selecting multiple options. Just like the example below:</p>
  
  <p><a href="https://i.stack.imgur.com/satZx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/satZx.png" alt="enter image description here"></a></p>
  
  <p>I saw this <a href="https://stackoverflow.com/questions/29345248/need-to-fix-height-and-width-of-select2-multiple-select-search-box">question</a> but I don´t get how he made it.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(".chosen-select").chosen({
    no_results_text: "Oops, nothing found!"
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" rel="stylesheet"/&gt;
  
  
  &lt;select data-placeholder="Choose Username" multiple class="chosen-select" name="selectLDAP" id="selectLDAP" onchange='a()'&gt;
      &lt;option value=""&gt;&lt;/option&gt;
      &lt;option value='option1'&gt;option1&lt;/option&gt;
      &lt;option value='option2'&gt;option2&lt;/option&gt;
      &lt;option value='option3'&gt;option3&lt;/option&gt;
      &lt;option value='option4'&gt;option4&lt;/option&gt;
      &lt;option value='option5'&gt;option5&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>