Üç liste elemanında bir yeni sıraya geçme

<div class="col-md-9 gnc10">
<ul> // position:relative
    <li>Entry1<li> //  position:absolute
    <li>Entry2</li>
    <li>Entry3</li>
    <li>Entry4</li>
    <li>Entry5</li>
    <li>Entry6</li>
</ul>
</div>

.gnc10 ul li {
  height: auto;
  width: 250px;
  display: inline;
}
.gnc10 ul li:nth-child(3):after { 
 content: "\A";
 white-space: pre; 
}

Sonuç:

Entry1     Entry2      Entry3

Entry5     Entry4      Entry6

Liste elemanları yukarıdaki gibi yanlış diziliyor. Sorun nerde?

umarım sorununa cevap olur
https://codepen.io/Cesalp/pen/Mobjzq

Cevabın için teşekkürler. Yazım hatası gerçek kodda mevcut değil ama yazdığım koda göre doğru sıralanması lazım fakat kullandığım angular modülünden sanırım sıralama yanlış oluyor. Öğeyi incele deyince orda doğru sıralanmış list elemanları fakat sayfada yanlış görünüyor anlamadım bende.

Hocam sorunun nerden kaynaklandığını buldum. span içinde sıraladığımda sorunsuz sıralanıyor fakat gerçek html de resimli thumbnailler var o yüzden sıralanmıyor. Bir fikrin var mı neden olabilir.

kodların hepsini görmeden bişey demek zor hocam

<div class="col-md-9 gnc10">
<ul style="margin-top: 30px;" id="isotopeContainer" isotope-container="" ng-cloak="">
<li ng-repeat = "photo in photos | orderBy : '-views' track by photo.id" isotope-item="">
<div class="row">
<div class="col-md-5">
		<a ui-sref="baba.content({ad:(photo.name | altCizgi)})" class="thumbnail" ng-click="update(photo.name)">
      <img ng-src="images/covers/{{photo.name | lowercase | altCizgi}}.jpg" alt="series cover">
    </a>
    </div>
    <div class="col-md-7 caption">
    	<a ui-sref="baba.content({ad:(photo.name | altCizgi)})" ng-click="update(photo.name)"><p>{{photo.name}}</p></a>
				<a ui-sref="baba.oku({page:'1', klasor:photo.last, serix:(photo.name | altCizgi)})" class="btn btn-primary btn-sm" role="button" ng-click="update(photo.name)">{{photo.last}}</a>
</div>
        </div>
</li>
</ul>
</div

Yukarıda attığım resimdeki thumbnaillerin html i bu. li tagındaki ng-repeat JSON data seti kadar tekrar ediyor. Angular biliyor musun bilmiyorum ama. CSS ise;

.gnc10 ul li {
  list-style: none;
  height: auto;
  width: 250px;
  overflow: hidden;
  float: left;
}
.gnc10 ul li:nth-child(3):after { 
  clear: both;
  float: left;
}

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 02:20:36 -->-> Daha önceki mesaj 02:12:28 --

[QUOTE=cesalp;1072513568]kodların hepsini görmeden bişey demek zor hocam[/QUOTE

li tagında absolute ve ul tagındada relative position var ve absolute position ile birlikte overflow:hidden uygulanamıyormuş.