AngularJS + ng-repeat + inline-block with letter-spacing

Question

I have a problem with letter-spacing for my inline-block elements. As you see there(jsfiddle) my lower elems are collapse, because they are not separate with '\n' or gap. If I repeat that with Angular, I have collapse elems. How can I fix this problem?

<a ng-repeat="menu in menus"">{{menu.name}}</a>

Bertrand · Answer 1 · 2013-01-08T19:42:37.020

0

If you just want to put some spacing after each element, just add this line to your css, inside you ".parent a" selector. Here is your fiddle

margin-left: 10px;

edited Jan 08 '13 at 19:42

answered Jan 08 '13 at 19:25

Bertrand

13,540
5
39
48

It doesn't fix my problem, because active-aria for links not separate. – Paul Kononenko Jan 08 '13 at 19:33
Right, it has to be with margin. Have a look now @PaulKononenko – Bertrand Jan 08 '13 at 19:43

AngularJS + ng-repeat + inline-block with letter-spacing

1 Answers1