It is working.
The problem is you’re centering a div, which is a block-level element by default, and which therefore occupies 100% width of its parent (body, in this case). So there’s no space to move horizontally, hence no space to center.
For an illustration see this revised demo, which has an added border around .container.
If you reduce the width of .container you’ll see the centering work. Here’s a second revised demo with width: 50% applied to .container.
Related Posts:
- How to horizontally center an element
- CSS Background Opacity [duplicate]
- How to align a to the middle (horizontally/width) of the page [duplicate]
- Is there a color code for transparent in HTML?
- How to insert spaces/tabs in text using HTML/CSS
- How can I vertically center a “div” element for all browsers using CSS?
- How to center a “position: absolute” element
- Is there a color code for transparent in HTML?
- “Stray start tag footer” in html validator?
- Make div scrollable
- How to make the HTML link activated by clicking on the
- ?
- HTML Width Percentage
- Text-decoration: none not working
- right align an image using CSS HTML
- Why are my CSS3 media queries not working on mobile devices?
- How to completely remove borders from HTML table
- Why “Inline-block” doesn’t work properly in this CSS?
- How to fix a footer overlapping content?
- How to word wrap text in HTML?
- How would you make two
s overlap?- What’s the HTML to have a horizontal space between two objects?
- How to center HTML5 Videos?
- HTML/CSS float: left; is not working properly
- How to get current screen width in CSS?
- margin-right is not working with my HTML. How can I center my content?
- how to center an inline div using css?
- How can I insert vertical blank space into an html document?
- HTML span align center not working?
- How to place Text and an Image next to each other in HTML?
- How to have an anim gif on a link and play it on hover and reset
- Align text to the bottom of a div
- How to make a
- display in a horizontal row
- Set bootstrap modal body height by percentage
- Failed to decode downloaded font
- Delete white space between divs
- Center HTML Input Text Field Placeholder
- creating a chevron in CSS
- Text wrapping around a div
- How to make fixed header table inside scrollable div?
- Best way to center a
on a page vertically and horizontally?- How to expand textarea width to 100% of parent (or how to expand any HTML element to 100% of parent width)?
- How to get multiple images to auto resize and stay centered within a div
- How can I center
- into a div?
- How to align this span to the right of the div?
- WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
- Why is WordPress changing my HTML code
- Adding HTML to the Header, Screws up in IE7
- WordPress stripping out BR tags, need assistance
- How can i add note, caution, warning quote inside the text? [closed]
- how to setup content on a static frontpage with css and xhtml
- How to integrate my HTML and javascript into my child theme
- Get a blank line after div by simply leaving an empty line in the editor
- What makes WP so SEO friendly?
- wordpress css file
- how to hide submenus for the not active pages
- Google yolo one tab signup plugin avilable in wordpress? [closed]
- CSS – Initial HTML Margin Issue On WordPress Site
- Cannot set property ‘className’ of null at setThemeFromCookie
- Disable File Editing function
- Some Text of website page on Iphone Safari become invisible
- Get post format and use it as a CSS class in different spans
- HTML email sent with wp_mail shows plain text
- custom header navigation has odd spacing [closed]
- Simple way to add custom class and ids to individual Gutenberg blocks
- How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
- Custom CSS is not working?
- how to stop the shaking effect on my homepage [closed]
- How to avoid repeating similar properties for all tds of a table in a wordpress post
- prevent HTML output if custom field is empty [closed]
- How to add class to an html output element in tinyMCE paragraph drop down menu
- WordPress is not displaying CSS file
- Change class names dynamically added to html elements by wordpress
- Hide Tab Titles from Tabs Block
- Where to add this code for a Modal box to work? [closed]
- WordPress footer always at the bottom of the screen-page
- How to make jquery slider to start afresh [closed]
- Unable to use Datepicker in a table when inserting a row
- HTML not resizing
- Navigation menu disappears when I hover the mouse [closed]
- how to modify html on homepage (no home-page.php in my theme)
- current menu item hover not working?
- Content going full width even though container is not
- Page flickers when new html5 video loads
- issues with a slider – investigations with firebug
- Css style removed but still showing via CDN even after clearing browser cache and purging all caches for site
- How would I add this code to a single WordPress page?
- Trouble with adding preloader to my home page index.html and index.js
- WP theme update causes child theme CSS problems
- My contact form is not being responsive
- I cannot make this position properly in WordPress [closed]
- Add HTML input tag to to site navigation
- Outputting the blogposts or the_content()
- Interactive maps in wordpress
- I need css code to divide my webpage sections into two columns
- Add woocommerce plugin in own theme
- Hiding fields a form in via CSS [closed]
- Can I upload my HTML/CSS/Javascript game onto a WordPress page?
- WordPress site suddenly not showing some DOM elements but mobile is fine
- Grid problem on privew mode
- Editing size of h3 tag in wordpress on a one-off basis