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

• 
  CSS Rotation Text-only Inside Tag
• 
  Html5 Video Tag Setting Src Programmatically
• 
  Mass Assignment For Elements In A For Loop
• 
  Angular 2 : How To Clear The Dropdown And Textbox Values While Switching The Radio Buttons