How do I center an SVG in a div?

SVG is inline by default. Add display: block to it and then margin: auto will work as expected.

Related Posts:

  1. Adding border to SVG image
  2. How to get these two divs side-by-side?
  3. What does auto do in margin: 0 auto?
  4. Does bootstrap have builtin padding and margin classes?
  5. How to change the color of an svg element?
  6. SVG Fill Color Not Working
  7. What’s the difference between align-content and align-items?
  8. sizing div based on window width
  9. How can I fill a div with an image while keeping it proportional?
  10. Using margin / padding to space span tag from the rest of the p tag
  11. Can you change the color of svg icons to the global color I choose from WordPress
  12. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  13. Vertically align text within a div
  14. create a white rgba / CSS3
  15. Using CSS for a fade-in effect on page load
  16. Transition of background-color
  17. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  18. css: how to center box div element directly in center?
  19. How to fix a footer overlapping content?
  20. What is element.style and why is it overriding my css settings?
  21. What’s the HTML to have a horizontal space between two objects?
  22. HTML/CSS float: left; is not working properly
  23. CSS Div width percentage and padding without breaking layout
  24. CSS div width not working
  25. CSS background-image – What is the correct usage?
  26. Set bootstrap modal body height by percentage
  27. Click through div to underlying elements
  28. How to set background color in jquery
  29. TinyMCE: adding CSS to format dropdown
  30. Get list of registered or enqued styles? looking for filters or actions
  31. Use wp_enqueue_scripts, not wp_print_styles?
  32. wp_get_archives() – Get CSS selector for current month
  33. Can’t get rid of minify after uninstalling W3 Total Cache [closed]
  34. How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
  35. wp_tag_cloud inline CSS
  36. How to load a css file in one page only?
  37. How to add custom fonts in WordPress site
  38. Change CSS when user is logged in
  39. Handling URLs in WordPress application
  40. Extending content width with twentyfourteen theme
  41. How to change DASH-ICON color with CSS?
  42. Custom Admin CSS styles to style media uploader?
  43. getting url in wp_enqueue_style
  44. Gutenberg Additional CSS Class without modifying theme?
  45. Add Post Status to Body Class
  46. Why does my dissappear?
  47. wp_enqueue_style – CSS Not loading – ERR_TOO_MANY_REDIRECTS [closed]
  48. Help with child theme enqueuing additional css files
  49. Why does my caroussel gallery do this in responsive? [CSS] [closed]
  50. Website CSS not loading [closed]
  51. How to align full div [closed]
  52. Custom styles dropdown in TinyMCE editor – not working with headings
  53. Load CSS in footer, like your can with JS?
  54. Correct Way To Make Changes To A WordPress Theme
  55. How to change the full capitals font title of my WordPress Blog?
  56. How to add inline css code with background image in page html code?
  57. Header background image just stopped working
  58. Page layout is broken when viewing search results.
  59. HTML email sent with wp_mail shows plain text
  60. Style file inclusion
  61. CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]
  62. How do I change the style of just a part of the tagline?
  63. Having a hard time linking my css and JS files on a Boostrap to WP conversion
  64. Apply custom css for user role
  65. Reduce font size [closed]
  66. Using css class selectors on a specifc page [closed]
  67. Loading bbPress CSS file only on forum directory
  68. How can I force the WordPress visual editor to preserve the line breaks after paragraphs?
  69. How to create CSS Counters for Comments (depth 5)?
  70. Override All CSS with Custom CSS on a Page by Page Basis
  71. padding not working
  72. Hide Some Fields of Post Submit box
  73. Navbar bg to overflow to section below (updated)
  74. Add top parent page id to body class
  75. New Styles Not Rendering On Mobile Phone and Tablet
  76. Include ElementorPro css into WordPress custom page
  77. Customizing the CSS for the post/page editor?
  78. My Child Theme CSS Isn’t Working
  79. how to modify html on homepage (no home-page.php in my theme)
  80. how does additional css rendering work?
  81. Add class when more page is visited
  82. How do I make a child theme’s style.css load after plugin css?
  83. WordPress – Portfolio – Change number of items in a row
  84. Floated element floats into post content in IE, Safari, and Chrome
  85. I cannot make this position properly in WordPress [closed]
  86. How can I pass a variable from PHP to LESS?
  87. Large Unwanted Space at the Bottom of Blog Posts [closed]
  88. Create a body div using CSS [closed]
  89. How would I use a media query to make my entire theme responsive or fluid? [closed]
  90. Clear white line off page [closed]
  91. Strange symbols on page [closed]
  92. Menu is not styled properly and footer as well [closed]
  93. Footer in middle of page in different browers [closed]
  94. Put CSS on TOP, how?
  95. I am trying to apply these CSS rules to x3 Post-ID’s but I can’t get it to work – any idea how I can?
  96. In which file can I find the custom CSS code I entered?
  97. Some times CSS not Applying
  98. WordPress site suddenly not showing some DOM elements but mobile is fine
  99. Editing size of h3 tag in wordpress on a one-off basis
  100. Content doesn’t fit on large size desktops like 2560×1440

Leave a Comment