title: Why can't I style my drop downs?
body: <p>I am new to HTML and CSS.  I am doing a project where I need two drop down menus side by side.  I would like to be able to style them with size ,color and so on.  I am trying to create a selector and style them but I keep getting nowhere. Please help!! Here is my code thus far.</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-css lang-css prettyprint-override"><code>.mydropdown1{
    text-align: center;
    font-size:1em; 
    font-family: Arial
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt; (Job Openings 000) &lt;/p&gt;
  
  &lt;select class="mydropdown1"&gt;
      &lt;option value="language" selected&gt;Language&lt;/option&gt;
      &lt;option value="english"&gt;English&lt;/option&gt;
      &lt;option value="french"&gt;French&lt;/option&gt;
      &lt;option value="german"&gt;German&lt;/option&gt;
      &lt;option value="italian"&gt;Italian&lt;/option&gt;
      &lt;option value="dutch"&gt;Dutch&lt;/option&gt;
      &lt;option value="spanish"&gt;Spanish&lt;/option&gt;
  &lt;/select&gt;
    
  &lt;select class="mydropdown2"&gt;
      &lt;option value="job ategories" selected&gt; Job Categories&lt;/option&gt;
      &lt;option value="writer"&gt;Writer&lt;/option&gt;
      &lt;option value="editor"&gt;Editor&lt;/option&gt;
      &lt;option value="artist"&gt;Artist&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>