How Do I Position A Div 'x' Pixels From The Center Of A Page?

I want to position a

a given number of pixels relative to the center of a page. How can this be done?

Solution 1:

You can use $(window).width() / 2 to get the horizontal center... like:

$('.myDiv').css({left: ($(window).width() / 2) - 50})

You'll get the div50px left of the center

Share

You may like these posts

• 
  How To Make Parent Div Width Shrink To Wrap Exactly The Child Imgs?
• 
  Center Inline-blocks Keeping Text-align Left
• 
  Center Span/text Vertically Inside H1
• 
  Centering An Ul Inside A Div