title: css dropdown menu typesetting
body: <p>Please help me with this dropdown menu typesetting .</p>
  
  <p>this is my typesetting now:</p>
  
  <p><img src="https://i.stack.imgur.com/EZU8n.png" alt="enter image description here"></p>
  
  <p>And I want the word(Engliash and Traditional Chinese(Taiwan) more closely like this </p>
  
  <p><img src="https://i.stack.imgur.com/3wMOI.png" alt="enter image description here"></p>
  
  <p>I try for a while,still can't try out 
  Please guide me thank you very much.</p>
  
  <p>here is my code:<br>
  The <code>#dropdownmenu</code> is a <code>div</code> under a div which id =header</p>
  
  <p>jsfiddle : <a href="http://jsfiddle.net/kkadso/yk3tprnv/1/" rel="nofollow noreferrer">http://jsfiddle.net/kkadso/yk3tprnv/1/</a></p>
  
  <pre><code>&lt;ul id="header"&gt;
      &lt;li data-menuanchor="firstPage"&gt;&lt;a href="#"&gt;About&lt;/a&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;div id='dropmenu'&gt;
              &lt;img src="{% static 'img/lan.png' %}" /&gt;
              &lt;ul class="submenu"&gt;
  
                  &lt;input name="language" type="hidden" id="lang"/&gt;
                  &lt;li  value="en" id="langtext"&gt;&lt;a href="#" &gt;English&lt;/a&gt;&lt;/li&gt;
                  &lt;li  value="zh-tw" id="langtext"&gt;&lt;a href="#" &gt;Traditional Chinese(Taiwan)&lt;/a&gt;&lt;/li&gt;
  
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>