CSS center display inline block?

by

Try this. I added text-align: center to body and display:inline-block to wrap, and then removed your display: table

body {
    background: #bbb;
    text-align: center;
}

.wrap {
    background: #aaa;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

More Related Contents:

  1. How to make attractive button using CSS
  2. How to create one vertical column in between rows in Flexbox [closed]
  3. Center multiple images horizontally in CSS
  4. How to apply a CSS filter to a background image
  5. Select every Nth element in CSS
  6. Transparent text cut out of background
  7. Twitter Bootstrap 3: how to use media queries?
  8. Google Chrome Printing Page Breaks
  9. Should I avoid using !important in CSS?
  10. How can I get a Bootstrap column to span multiple rows?
  11. How to draw a circle with text in the middle?
  12. Font Awesome not working, icons showing as squares
  13. When will an tag not inherit color attribute of parent tag?
  14. Eliminate flash of unstyled content
  15. What does the dot mean in CSS?
  16. Hidden scrollbars in Firefox (allows scrolling but just no scrollbar)
  17. Can we use any other TAG inside along with ? [duplicate]
  18. CSS @font-face – what does “src: local(‘☺’)” mean?
  19. -webkit-margin adds unwanted margin on texts
  20. How to align nav items to the right in Bootstrap 5?
  21. Why adding version number to CSS file path?
  22. What is the value of the css ‘ex’ unit?
  23. How to Identify Microsoft Edge browser via CSS?
  24. Switching CSS classes based on screen size
  25. up/down arrow key issue with typeahead control (angular bootstrap UI)
  26. In a bootstrap responsive page how to center a div
  27. Vertically align Bootstrap badge inside heading
  28. Horizontal scroll in DIV with many small DIV’s inside (no text)
  29. Creating a droplet like border effect in css
  30. Media Queries – Mobile vs Desktop Browser

Leave a Comment