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

• 
  Does Adding A Position: Absolute To A Block Element Make It Behave Like An Inline?
• 
  Positioning Relative To Table-cell
• 
  Position This Div In The Center Of It's Container?
• 
  Responsive Vertical Center Elements Inside Div