jquery动画：对齐中心h1

我正试图将中心h1水平对齐。有可能吗？ 这是小提琴： Html:

按钮
Tekst Trololol dlld
$（'#clickme'）。单击（函数（）{
$（“#书”）。设置动画({
不透明度：1，//设置幻灯片的动画
边缘左侧：'+=300px'
}，900，'swing'，函数（）{
});
$（“#书”）。设置动画({
不透明度：1，//设置幻灯片的动画
边缘左侧：'+=100px'
}，8000，“线性”，函数（）{
});
$（“#书”）。设置动画({
不透明度：0，//设置幻灯片的动画
边缘左侧：'+=300px'
}，900，'swing'，函数（）{
$（this.remove（）；
});
});

按钮
Tekst Trololol dlld
#书{
不透明度：0；
}
.中{
文本对齐：居中；
}
$（'#clickme'）。单击（函数（）{
$（“#书”）。设置动画({
不透明度：1，//设置幻灯片的动画
边缘左侧：'+=300px'
}，900，'swing'，函数（）{
});
$（“#书”）。设置动画({
不透明度：1，//设置幻灯片的动画
边缘左侧：'+=100px'
}，8000，“线性”，函数（）{
});
$（“#书”）。设置动画({
不透明度：0，//设置幻灯片的动画
边缘左侧：'+=300px'
}，900，'swing'，函数（）{
$（this.remove（）；
});
});

此仅对齐按钮

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='clickme'>button</button>
<h1 id='book' style='position:absolute; top:40px; opacity: 0; text-align: center;'>Tekst trololololol lo l o l dlld</h1>


$('#clickme').click(function() {
  $('#book').animate({
    opacity: 1, // animate slideUp
    marginLeft: '+=300px'
  }, 900, 'swing', function() {
  });

  $('#book').animate({
              opacity: 1, // animate slideUp
              marginLeft: '+=100px'
            }, 8000, 'linear', function() {
   });

  $('#book').animate({
                      opacity: 0, // animate slideUp
                      marginLeft: '+=300px'
                    }, 900, 'swing', function() {
                      $(this).remove();
                    });

});

                <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
                <div class ="alignMiddle">
                <button id='clickme'>button</button>
                <h1 id='book'>Tekst trololololol lo l o l dlld</h1>
                </div>

        <style>
            #book{
              opacity: 0;

            }
            .alignMiddle{
              text-align: center;
            }
            </style>

    <script>
    $('#clickme').click(function() {
      $('#book').animate({
        opacity: 1, // animate slideUp
        marginLeft: '+=300px'
      }, 900, 'swing', function() {
      });

      $('#book').animate({
                  opacity: 1, // animate slideUp
                  marginLeft: '+=100px'
                }, 8000, 'linear', function() {
       });

      $('#book').animate({
                          opacity: 0, // animate slideUp
                          marginLeft: '+=300px'
                        }, 900, 'swing', function() {
                          $(this).remove();
                        });

    });
</script>