title: how to change display width of datalist
body: <p>i have a simple issue with HTML datalist but somehow cant solve this problem.
  i've tried to change the displayed width for the following datalist:</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-html lang-html prettyprint-override"><code>&lt;input list="browsers" name="browser"&gt;
    &lt;datalist id="browsers"&gt;
      &lt;option value="this is a really long name for a browser"&gt;
      &lt;option value="Firefox"&gt;
      &lt;option value="Chrome"&gt;
      &lt;option value="Internet Explorer"&gt;
    &lt;/datalist&gt;
  &lt;input type="submit"&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>but no matter what i try, it still cuts down the &quot;long&quot; option values.
  how can i change that, so that the datalist shows all the option values, no matter how long they are?</p>
  <p>best regards</p>