iconların bulundugu kapsayici dive aşagıdaki kodları verirsen olur.
.kapsayici {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
Hocam, ben Css sprite html kodlarını menü başlıklarının önüne ayrı ayrı eklemiştim. Şu şekilde;
verdiğiniz kodları .spritea ekledim fakat bir değişiklik olmadı. İcon'lar yazı üstünde kalıyor. Yanlış yere mi yazyorum verdiğiniz kodları?
Menüde bu şekilde duruyor. Ben yazının yanına gelmesini istiyordum. İconlar yazıların üstünde kalıyor
Problem çözüldü. Eğer aynı sıkıntıyı yaşayan bir arkadaş olursa diye yazıyorum:
hizala adında class ekleyin şu şekilde: <i class="hizala sprite sprite-bla-bla"></i>
sonra css dosyanıza bunu yazın.
.hizala {
display:inline-block;
}