javascript - ブートストラップを使用してすべてのオブジェクトを div の中央に揃えます

Question

誰かが私を助けてくれることを願っています。以下はjsfiddleです。

http://jsfiddle.net/dcsKt/4/

ここにjsがあります：

$(document).ready(function() {
var originalFontSize = 12;
var sectionWidth = $('.web-message').width();

$('.web-message span').each(function(){
    var spanWidth = $(this).width();
    var newFontSize = (sectionWidth/spanWidth) * originalFontSize;
    $(this).css({"font-size" : newFontSize, "line-height" : newFontSize/1 + "px"});
});
});

テキストを変更すると、左右の位置合わせが維持されて完璧ですが、画面を小さくすると問題が発生します。

徐々に小さくなってコンテナの真ん中にとどまるか、最悪でも@mediaを使って小さくしたい

何か案が？