title: How make Select box smaller when option is too long
body: <p>I'm trying to make the <code>select box</code> smaller by <strong>breaking the line</strong> of the <code>options</code>  </p>
  
  <p>I've tried the css:</p>
  
  <pre><code>select {
       width:100px;
      }
  </code></pre>
  
  <p>but only the <code>select</code> was affected. Not the <code>options</code></p>
  
  <p>My <strong>desired output</strong> is to make the <code>options</code> the same size (<strong>width</strong>) of the <code>select box</code></p>
  
  <p>please help!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>select {
   width:100px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select&gt;&lt;option style="" class="" value=""&gt;&lt;/option&gt;&lt;option label="Role de Usuario - Manter" value="62"&gt;Role de Usuario - Manter&lt;/option&gt;&lt;option label="Role de Aplicação - Manter" value="63"&gt;Role de Aplicação - Manter&lt;/option&gt;&lt;option label="Felipe Miranda 22222" value="121"&gt;Felipe Miranda 22222&lt;/option&gt;&lt;option label="felipe de jesus" value="120"&gt;felipe de jesus&lt;/option&gt;&lt;option label="Felipe de MARIA" value="123"&gt;Felipe de MARIA&lt;/option&gt;&lt;option label="Relatório Ficha do Corretor - Visualizar" value="47"&gt;Relatório Ficha do Corretor - Visualizar&lt;/option&gt;&lt;option label="Funcionalidade - Manter" value="42"&gt;Funcionalidade - Manter&lt;/option&gt;&lt;option label="Perfil de Acesso - Manter" value="44"&gt;Perfil de Acesso - Manter&lt;/option&gt;&lt;option label="Aviso Popup - Manter" value="43"&gt;Aviso Popup - Manter&lt;/option&gt;&lt;option label="Aviso Popup - Visualizar" value="45"&gt;Aviso Popup - Visualizar&lt;/option&gt;&lt;option label="Exibir Widget" value="46"&gt;Exibir Widget&lt;/option&gt;&lt;option label="Relatório Diretoria - Visualizar" value="48"&gt;Relatório Diretoria - Visualizar&lt;/option&gt;&lt;option label="Relatório Companhia - Visualizar" value="49"&gt;Relatório Companhia - Visualizar&lt;/option&gt;&lt;option label="Relatório Sucursais - Visualizar" value="50"&gt;Relatório Sucursais - Visualizar&lt;/option&gt;&lt;option label="Relatório Coordenador - Visualizar" value="51"&gt;Relatório Coordenador - Visualizar&lt;/option&gt;&lt;option label="Relatório Regional - Visualizar" value="52"&gt;Relatório Regional - Visualizar&lt;/option&gt;&lt;option label="Relatório Comercial - Visualizar" value="53"&gt;Relatório Comercial - Visualizar&lt;/option&gt;&lt;option label="Relatório Fichas Corretores - Visualizar" value="54"&gt;Relatório Fichas Corretores - Visualizar&lt;/option&gt;&lt;option label="Relatório Fichas Diretoria Geral - Visualizar" value="55"&gt;Relatório Fichas Diretoria Geral - Visualizar&lt;/option&gt;&lt;option label="Relatório Fichas Diretoria Comercial - Visualizar" value="56"&gt;Relatório Fichas Diretoria Comercial - Visualizar&lt;/option&gt;&lt;option label="Relatório Fichas Sucursal - Visualizar" value="57"&gt;Relatório Fichas Sucursal - Visualizar&lt;/option&gt;&lt;option label="Relatório Fichas Coordenador - Visualizar" value="58"&gt;Relatório Fichas Coordenador - Visualizar&lt;/option&gt;&lt;option label="Relatório Fichas Gerente Regional - Visualizar" value="59"&gt;Relatório Fichas Gerente Regional - Visualizar&lt;/option&gt;&lt;option label="Relatório Fichas Gerente Comercial - Visualizar" value="60"&gt;Relatório Fichas Gerente Comercial - Visualizar&lt;/option&gt;&lt;option label="ppdpavisopopupmanter" value="81"&gt;ppdpavisopopupmanter&lt;/option&gt;&lt;option label="TEst" value="67"&gt;TEst&lt;/option&gt;&lt;option label="ppdpavisopopupvisualizar" value="80"&gt;ppdpavisopopupvisualizar&lt;/option&gt;&lt;option label="ppdpsacotavisualizar" value="82"&gt;ppdpsacotavisualizar&lt;/option&gt;&lt;option label="ppdpsattvvisualizar" value="83"&gt;ppdpsattvvisualizar&lt;/option&gt;&lt;option label="ppdpsagsvisualizar" value="84"&gt;ppdpsagsvisualizar&lt;/option&gt;&lt;option label="ppdpsaescolacorvisualizar" value="85"&gt;ppdpsaescolacorvisualizar&lt;/option&gt;&lt;option label="ppdpsacolvisualizar" value="86"&gt;ppdpsacolvisualizar&lt;/option&gt;&lt;option label="ppdpsalabvisualizar" value="87"&gt;ppdpsalabvisualizar&lt;/option&gt;&lt;option label="ppdpbannermanter" value="88"&gt;ppdpbannermanter&lt;/option&gt;&lt;option label="ppdpbannervisualizar" value="89"&gt;ppdpbannervisualizar&lt;/option&gt;&lt;option label="ppdpbuscageralvisualizar" value="90"&gt;ppdpbuscageralvisualizar&lt;/option&gt;&lt;option label="ppdpfuncionalidademanter" value="91"&gt;ppdpfuncionalidademanter&lt;/option&gt;&lt;option label="ppdpperfilacessomanter" value="92"&gt;ppdpperfilacessomanter&lt;/option&gt;&lt;option label="ppdpfuncagrupamentomanter" value="93"&gt;ppdpfuncagrupamentomanter&lt;/option&gt;&lt;option label="ppdpsaldocotavisualizar" value="94"&gt;ppdpsaldocotavisualizar&lt;/option&gt;&lt;option label="ppdpttvpagavisualizar" value="95"&gt;ppdpttvpagavisualizar&lt;/option&gt;&lt;option label="ppdpttvbloqueadavisualizar" value="96"&gt;ppdpttvbloqueadavisualizar&lt;/option&gt;&lt;option label="ppdpttvbloqueadaaprovar" value="97"&gt;ppdpttvbloqueadaaprovar&lt;/option&gt;&lt;option label="ppdpindicadormanter" value="98"&gt;ppdpindicadormanter&lt;/option&gt;&lt;option label="ppdpindicadorvisualizar" value="99"&gt;ppdpindicadorvisualizar&lt;/option&gt;&lt;option label="ppdpalertamanter" value="100"&gt;ppdpalertamanter&lt;/option&gt;&lt;option label="ppdpalertavisualizar" value="101"&gt;ppdpalertavisualizar&lt;/option&gt;&lt;option label="ppdpbibliotecamanter" value="102"&gt;ppdpbibliotecamanter&lt;/option&gt;&lt;option label="ppdpbibliotecaupmultiplomanter" value="103"&gt;ppdpbibliotecaupmultiplomanter&lt;/option&gt;&lt;option label="ppdpbibliotecaaprovar" value="104"&gt;ppdpbibliotecaaprovar&lt;/option&gt;&lt;option label="ppdpbibliotecavisualizar" value="105"&gt;ppdpbibliotecavisualizar&lt;/option&gt;&lt;option label="ppdpbibliotecaresumovisualizar" value="106"&gt;ppdpbibliotecaresumovisualizar&lt;/option&gt;&lt;option label="ppdpbibliotecacategoriamanter" value="107"&gt;ppdpbibliotecacategoriamanter&lt;/option&gt;&lt;option label="ppdproleusuariomanter" value="108"&gt;ppdproleusuariomanter&lt;/option&gt;&lt;option label="ppdproleaplicacaomanter" value="109"&gt;ppdproleaplicacaomanter&lt;/option&gt;&lt;option label="ppdprelfichacorretorvisualizar" value="110"&gt;ppdprelfichacorretorvisualizar&lt;/option&gt;&lt;option label="ppdprelfichadiretorvisualizar" value="111"&gt;ppdprelfichadiretorvisualizar&lt;/option&gt;&lt;option label="ppdprelfichasucursalvisualizar" value="112"&gt;ppdprelfichasucursalvisualizar&lt;/option&gt;&lt;option label="ppdprelfichacoordvisualizar" value="113"&gt;ppdprelfichacoordvisualizar&lt;/option&gt;&lt;option label="ppdprelfichadregvisualizar" value="114"&gt;ppdprelfichadregvisualizar&lt;/option&gt;&lt;option label="ppdprelfichagercmlvisualizar" value="115"&gt;ppdprelfichagercmlvisualizar&lt;/option&gt;&lt;option label="ppdprelresprodvisualizar" value="116"&gt;ppdprelresprodvisualizar&lt;/option&gt;&lt;option label="ppdprelsinautovisualizar" value="117"&gt;ppdprelsinautovisualizar&lt;/option&gt;&lt;option label="ppdprelperdganvisualizar" value="118"&gt;ppdprelperdganvisualizar&lt;/option&gt;&lt;option label="ppdprelcotprodautovisualizar" value="119"&gt;ppdprelcotprodautovisualizar&lt;/option&gt;&lt;option label="role de aplicação de teste 123" value="124"&gt;role de aplicação de teste 123&lt;/option&gt;&lt;option label="Teste Servidor Dev" value="68"&gt;Teste Servidor Dev&lt;/option&gt;&lt;option label="teste SAFARI APLICAÇÃO" value="72"&gt;teste SAFARI APLICAÇÃO&lt;/option&gt;&lt;option label="asdsada" value="76"&gt;asdsada&lt;/option&gt;&lt;option label="NAVEGADOR OK" value="125"&gt;NAVEGADOR OK&lt;/option&gt;&lt;option label="Jose de Abreu" value="126"&gt;Jose de Abreu&lt;/option&gt;&lt;option label="role de aplicação" value="127"&gt;role de aplicação&lt;/option&gt;&lt;option label="retomada SAFARI" value="128"&gt;retomada SAFARI&lt;/option&gt;&lt;option label="registro de role de aplicação" value="129"&gt;registro de role de aplicação&lt;/option&gt;&lt;option label="sistema role aplic" value="131"&gt;sistema role aplic&lt;/option&gt;&lt;option label="teste do internet 10" value="130"&gt;teste do internet 10&lt;/option&gt;&lt;option label="teste INTERNET EXPLORER" value="71"&gt;teste INTERNET EXPLORER&lt;/option&gt;&lt;option label="Funcionalidade Agrupamento - Manter" value="6"&gt;Funcionalidade Agrupamento - Manter&lt;/option&gt;&lt;option label="345345" value="79"&gt;345345&lt;/option&gt;&lt;option label="teste aplicação GOOGLE" value="73"&gt;teste aplicação GOOGLE&lt;/option&gt;&lt;option label="aplicação INTERNET EXP" value="74"&gt;aplicação INTERNET EXP&lt;/option&gt;&lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>