İki divdeki yazıyı yan yana yazma?

25-02-2020, 23:04:59

Merhaba hocalarım. Bilmemek ayıp değil öğrenmemek ayıptır sözüne güvenerek sormak istiyorum. Alttaki kodu çalıştırdığımızda div içindeki yazıları alt alta yazıyor. Bunu yan yana nasıl yazdırabilirim?

<div class="yazi"><div class="baslik">CLOUD </div><div class="font">hosting</div></div>

25-02-2020, 23:06:20

#2

Misafir

ASametYildirim adlı üyeden alıntı: mesajı görüntüle

Merhaba hocalarım. Bilmemek ayıp değil öğrenmemek ayıptır sözüne güvenerek sormak istiyorum. Alttaki kodu çalıştırdığımızda div içindeki yazıları alt alta yazıyor. Bunu yan yana nasıl yazdırabilirim?

<div class="yazi"><div class="baslik">CLOUD </div><div class="font">hosting</div></div>

<div style="display:flex" class="yazi"><div class="baslik">CLOUD </div><div class="font">hosting</div></div>

ASametYildirim bunu beğendi.

1 kişi bunu beğendi.

25-02-2020, 23:09:33

#3

emrebeyoglu

.yazi{
display:inline-flex;
}

.baslik{
display:inline-flex;
}

şu css'i yazarsanız olur

25-02-2020, 23:12:38

#4

ASametYildirim

emrebeyoglu adlı üyeden alıntı: mesajı görüntüle

.yazi{
display:inline-flex;
}

.baslik{
display:inline-flex;
}

şu css'i yazarsanız olur

Misafir adlı üyeden alıntı: mesajı görüntüle

<div style="display:flex" class="yazi"><div class="baslik">CLOUD </div><div class="font">hosting</div></div>

Çok teşekkür ederim.

26-02-2020, 22:43:28

#5

Arctodus

Arkadaşlar cevabı yazmışlar bende neden mantığını açıklıyayım. Div bir "block" elementtir yazıların alt alta gelmesinin nedeni budur. Block elementler bulunduğu satırın tamamını kapsarlar. Arkadaşların yaptıkları şeyde, block olan div elementini inline hale getirmek olmuş. Sadece textlerden oluşan bir içeriğiniz varsa ve yan yana devamlı akmasını istiyorsanız span tag'ini kullanabilirsiniz.