title: No space between li elements in dropdown menu
body: <p>I made a dropdown menu in css and I can't add space between the elements in the dropdown. They collapse.
  There is the code: <a href="https://jsfiddle.net/ggtpufuw/" rel="nofollow">jsfiddle</a></p>
  
  <p>There is the CSS part. I tried different things to fix it.</p>
  
  <pre><code>    *
  {
      margin:0px;
  }
  html,body
  {
      height:100%;
  }
  .wrapper
  {
      height:100%;
      min-height:100%;
      height:auto !important;
      margin:0 auto -50px;
  }
  .footer,.push
  {
      height:50px;
  }
  .footer
  {
      background-color:lightblue;
  
  }
  .footer center
  {
          vertical-align:middle;
  }
  .header
  {
      margin-top:10px;
      height:150px;
  }
  #meniu li
  {
      padding:5px;
      border:1px solid black;
      border-radius:10px;
      display:inline;
  }
  #meniu
  {
      margin-top:5px;
      background-color:lightblue;
      width:100%;
      height:50px;
  }
  
  #meniu a
  {
      text-decoration:none;
  }
  .dropdown-content {
      display: none;
      position: absolute;
      width:100%;
      margin:0px;
  }
  .dropdown-content ul
  {
      height:100%;
      width:100%;
      position:relative;
      list-style-type:none;
      margin-top:20px;
      left:-25%;
  }
  .dropdown-content li
  {
      position:relative;
  }
  .dropdown {
      position: relative;
      display: inline-block;
  
  }
  
  .dropdown:hover .dropdown-content {
      display: block;
  
  }
  </code></pre>
  
  <p>There is the the HTML:</p>
  
  <pre><code>&lt;body&gt;
          &lt;div class="wrapper"&gt;
              &lt;div class="header"&gt;
              &lt;div id="meniu"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;PRIMA PAGINA&lt;/li&gt;
                      &lt;div class="dropdown"&gt;&lt;li&gt;FISIERELE MELE&lt;div class="dropdown-content"&gt;
                              &lt;ul&gt;
                                  &lt;li&gt;MENIUL MEU&lt;/li&gt;
                                  &lt;li&gt;PLANETE NOI&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;&lt;/li&gt;
  
                      &lt;li&gt;MENIUL MEU&lt;/li&gt;
                      &lt;li&gt;PLANETE NOI&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="push"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="footer"&gt;&lt;center&gt;Olimpiada Nationala de Tehnologia Informatiei si Comunicarii Buzau 2015&lt;/center&gt;&lt;/div&gt;
  </code></pre>