在屏幕左侧居中div

Question

Once someone clicks "Here", I want the div to move to horizontally center of the left side of the screen and a div to appear and show up on the right side of the screen while being horizontally centered as well. Here is my code

My Code! jsbin

Answer 1

Use top and left.

#wrapper {
    left: 50%;
    position: absolute;
    margin-left: -223px /* half of width*/
}

Then animate div using:

$('button[name="whattoput"]').click(function () { 
    $('div').animate({
        left: "323px" // target position + left margin
    });
});

Answer 2

check this please make position of #wrapper to relative

.hidestuff {
    //display: none;
}
#wrapper {
margin-left:auto;
margin-right:auto;
width: 445px;
position:relative;
}

http://jsfiddle.net/rut2/cvp6eg0t/6/