Hadi bu HTML de ki:

<h3>Features</h3>
<ul>
    <li><img src="alphaball.png">Smells Good</li>
    <li><img src="alphaball.png">Tastes Great</li>
    <li><img src="alphaball.png">Delicious</li>
    <li><img src="alphaball.png">Wholesome</li>
    <li><img src="alphaball.png">Eats Children</li>
    <li><img src="alphaball.png">Yo' Mama</li>
</ul>

ve bu CSS:

li { text-align:center; display:inline-block; padding:0.1em 1em }
img { width:64px; display:block; margin:0 auto }

Burada görülen sonuç: http://jsfiddle.net/YMN7U/1/

Şimdi üç sütun içine bu haberi ben vermek istiyorum hayal, üçüncü sonra <br> enjekte eşdeğer 7**.(Aslında bu anlamsal olurdu yaptığını ve sözdizimi geçersiz.)

Üçüncü <li> CSS seçmek için nasıl biliyorum, ama nasıl sonra bir satır sonu zorlamak mı? Bu çalışmıyor:

li:nth-child(4):after { content:"xxx"; display:block }

Ben de bu özel durumda inline-block ama çözümleri float kullanarak ilgilenmiyorum yerine float kullanarak mümkün olduğunu biliyoruz. Ben de sabit genişlikli blokları bu konuda 3x veli ul genişlik ayarı, mümkün olan genişlik biliyor; bu çözüm ile ilgilenmiyorum. Ben de eğer gerçek sütunlar isteseydim display:table-cell ben biliyorum; bu çözüm ile ilgilenmiyorum. Satır içi içerik içinde ara zorlama olasılığı ile ilgileniyorum.

EditTemiz olmak için, 'teori', belirli bir sorunun çözümü değil. ilgileniyorumCSS display:inline(-block)? elementin ortasında satır sonu enjekte edebilir, ya da imkansız mı?Eğer imkansız olduğunu eminseniz, bu kabul edilebilir bir cevap.

Satır Lİ elemanları yapmak mümkün oldum. Ne yazık ki, Lİ elemanlar satıriçi blok halinde çalışmıyor:

Canlı demo:http://jsfiddle.net/dWkdp/

Ya uçurum notları sürümü:

li { display:inline; }
li:nth-child(3):after { content:"\A"; white-space:pre; }