2. <div class="list-posts" ng-repeat="post in site.articles">
3. <article>
4. <div class="article-headline"><h2>{{post.headline}}</h2></div>
5. <div class="article-author"><em>@{{post.author}}</em></div>
6. <div class="article-body">{{post.body}}</div>
7. 
   
8. <div class="tabs">
9. <ul>
10. <li><a href="#fragment-1">Comments</a></li>
11. </ul>
12. <tab-comments ng-controller="CommentsController as comments" id="fragment-1"></tab-comments>
13. </div>
14. 
    
15. </article>
16. </div>

So I put the "fragment-1" in tabs like this:

2. $(document).ready(function(){
3. 
   
4. menuYloc = parseInt($("#navbarMain").css("top").substring(0,$("#navbarMain").css("top").indexOf("px")));
5. 
   
6. $(window).scroll(function(event) {
7. 
   
8. var y = $(window).scrollTop();
9. 
   
10. var offset = menuYloc + y + "px";
11. 
    
12. $("#navbarMain").animate({
13. top : offset
14. },{
15.    duration: 500,
16. queue : false});
17. });
18. 
    
19. $(".tabs").tabs({active : 1, collapsible : true});
20. });

All of it works fine for me, but I wan't to rearrange the tabs so they would appear floating to the

right in the <article> block that contains them. Somthing like this:

(also that the tabs headers sould be floating to the right)

Thank you very much !