.demo-dropdown a {
    text-decoration: none; /* Link default gelen alt çizgi kaldirildi */
    font-weight: 600;
    font-size: 16px;
    display: block; /* a elemanlari Block-Level Düzeyine getirilerek alt alta gelmesi saglandi */
  }
  
  .demo-dropdown > li {
    position: relative; /* içerisinde ul position:absolute degerine sahip oldugu için kapsayici li relative olmali */
    display: inline-block;
  }
  
  .demo-dropdown > li > a {
    color: #000000;
    background: #ffffff;
    padding: 0px 0px;
  }
  
  .demo-dropdown > li ul {
    position: absolute; /* Açilir menü mouse üzerine gelerek açildiginda asagidaki ögeleri kaydirmasi istenmiyor. Bu yüzden absolute. */
    display: none; /* Açilir menü li:hover olmadigi sürece gizlencektir */
    top: 100%; /* Top 100% degeri parent li'ye göre hesaplanir ve li'nin bittigi noktayi göstermektedir. */
    left: 0; /* left:0 degeri li'nin sol baslangiç degerini referans alir ve ul'yi ayni hizda konumlandiri. */
    width: 150px;
    background-color: #fff;
  }
  
  .demo-dropdown > li ul li a {
    color: #000000;
    padding: 0px 0px;
    border-bottom: 0px solid #ffffff;
  }
  
  .demo-dropdown > li ul li:hover a {
    background-color: #ffffff;
  }
  
  .demo-dropdown > li:hover ul {
    display: block; /* Açilir menü li'nin üzerine mouse ile gelindiginde görünür olacaktir. */
  }