Liste elemanlarını yan yana yazma | display ul li side by side

ul {
         list-style: none outside none;
}
li {
          position: relative;
          display: inline;
          margin: 20px;
}

css kodlarıyla liste elemanlarını yan yana görünümü sağlayabilirsiniz.