CSS is not applied properly to AngularJS dynamically loaded elements -

CSS is not applied properly to AngularJS dynamically loaded elements -

i'm using script codyhouse set filterable portfolio: http://codyhouse.co/demo/content-filter/

i'm using angularjs parse info via json , fine, except fact css not applied dynamically loaded elements.

you can see differences in image:

as can see, first row, loaded via angular, has no css applied @ all. sec row, placed in html, working fine.

how possible? elements in both rows have same css selectors , same css rules applied.

here can find plunker: http://plnkr.co/edit/mftmpm5cjoipcu3trvoj?p=preview

this generated markup angular:

<li class="mix color-1 check1 radio2 option3 ng-scope" style="display: inline-block;" ng-repeat="drawing in drawings"><img src="img/img-1.jpg" alt="image 1"></li>

and html static markup:

<li class="mix color-1 check1 radio2 option3" style="display: inline-block;"><img src="img/img-1.jpg" alt="image 1"></li>

this css applied:

.cd-gallery ul { text-align: justify; } .cd-gallery li { width: 23%; }

there absolutely no difference between them , i'm getting bit crazy on this. it's first time issue css applied on dynamic , static elements. in advance help.

ok, found solution problem.

basically whitespace between (necessary justification) not emitted angular's repetition have wrap whitespace gets repeated, like:

<span ng-repeat-start="drawing in drawings"></span> <li></li> <span ng-repeat-end></span>

thanks thread: angular: why doesn't css justification work ng-repeat?

of course of study it's not optimal, because forces add together ton of useless markup @ to the lowest degree works. if can suggest best solution appreciated.

css angularjs