How do I center an SVG in a div?

Question

I have an SVG that I am trying to center in a div. The div has a width or 900px. The SVG has a width of 400px. The SVG has its margin-left and margin-right set to auto. Does

Answer 1

Above answers did not work for me. Adding the attribute preserveAspectRatio="xMidYMin" to the tag did the trick though. The viewBox attribute needs to be specified for this to work as well. Source: Mozilla developer network