jQuery Align Plugin Demo

HTML

<script src="https://raw.github.com/DoomHamster/Align-jQuery-Plugin/master/src/jquery.align.js"></script>
<button id="clickme">Clicky</button>
<div id="parent">
  <div id="blah">OY!</div>
</div>

CSS

#blah {
  background-color:#abc;
  position:absolute;
  left:30px;
  top: 20px;
  width:30px;
  height:20px;
}

div{
  position:relative;
  background-color:#f8f8f8;
  width:400px;
  height:400px;
}

JavaScript

//note that you will need to link my jQuery Align Plugin available at https://github.com/DoomHamster/Align-jQuery-Plugin

$('#clickme').click(function() {
    $('#blah').align({
    container: '#parent',
    duration:'slow'});
});