Я хочу, чтобы центрировать две кнопки внутри DIV

Question

Как центрировать эти две кнопки в JS:

// create a sort by alphabet button 
var sortabc = $('<a href="javascript:void(0)" class="btn">Sort alphabetically</a>').toggle(
    function(){ 
     $("#tags ul li").tsort({order:"asc"}); 
    }, 
    function(){ 
     $("#tags ul li").tsort({order:"desc"}); 
    }  
    ); 
$('#tags').append(sortabc);  

// create a sort by alphabet button 
var sortstrength = $('<a href="javascript:void(0)" class="btn">Sort by strength</a>').toggle(
    function(){ 
     $("#tags ul li").tsort({order:"desc",attr:"class"}); 
    }, 
    function(){ 
     $("#tags ul li").tsort({order:"asc",attr:"class"}); 
    }  
    ); 
$('#tags').append(sortstrength); 

В этот момент я их так: Кнопка 1 Кнопка 2

Я хочу их в середине div.

Answer 1

Попробуйте использовать тег внутри DIV:

<div> 
<center> 
...BUTTONS 
</center> 
</div> 

Answer 2

С помощью CSS в таблице стилей:

#tags { 
    text-align : center; 
} 

С JQuery, установив, что же CSS собственности:

$('#tags').css("text-align", "center"); 

Demo : http://jsfiddle.net/z77Lm/