javascript - 我想将两个按钮居中于div中

如何在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的中间。

最佳答案

使用CSS，在样式表中：

#tags {
    text-align : center;
}

使用jQuery，设置相同的CSS属性：

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

演示：http://jsfiddle.net/z77Lm/