Aynı Satırda İki Yazı Alanı

Merhaba, yeni kurduğum wordpress bir sitede yemek tarifleri malzemelerinin yer alacağı alan şu şekilde çıkmaktadır.


Fakat ben malzeme listesini oluştururken sayfanın çok fazla uzamaması için belli bir satırdan sonra yan tarafa yazmasını istiyorum. Yani şu şekilde



Sorunu net bir şekilde anlatmaya çalıştım yardımcı olan arkadaşlara şimdiden teşekkür ederim.
Saygılar, hayırlı günler

Width verip float left yaparsanız her satırda ikişer ikişer gözükmesini sağlayabilirsiniz.

float left yaptım yanına bir kutu daha attı fakat yazıyı o kutu içerisine aktarmadı

kodlar bu şekilde

.td-review-summary {
padding: 15px 15px 14px 19px;
border-right: 1px solid #dbdbdb;
background: #f6f6f6 url('images/header/header-bg.png') repeat;
float: left

Siz tüm malzemeler kutusunun ayarlarını değiştiriyorsunuz büyük ihtimalle. İçerikler için bunu yapmanız lazım. Onlar büyük ihtimalle "li" dir.

teşekkür ederim, sanırım yaptım ama küçük bişeyi daha kaldı.



yazılar birbirine giriyor

width veriyorum ama olmadı.

margin-left ile birbirine girmesinin önüne geçebilirsiniz fakat yine de ilk mesajda gösterdiğiniz gibi olmayacaktır hepsine sabit bir genişlik vermedikçe...

display:inline-block; ekleyin

Gerçekten çok teşekkür ederim söyledikleriniz ile baya bir yol aldım. dediğin gibi margin left yapmadım.

Onun yerine
width: 250px;
float: left;

kodlarını ekledım tam istediğim gibi oldu fakat üst menü ayarlarıda bozuldu. her birinin arasında 250px'lik boşluklar oluştu



yapmaya çalıştığım şeyde sorun yok

Tüm "li" lere aynı özellikleri uyguladığınız için öyle olmuştur çünkü menüde de "li" kullanılmış. Malzeme listesinin olduğu bölümün classıyla birlikte kullanmalısınız.

Örneğin malzeme listesindeki bütün "li" leri kapsayan malzemeler isimli bir divimiz olsun. İsmi varsa o ismi kullanın yoksa bir isim vererek onu kullanın.