Horizontally Center an SVG

I have some SVG graphics.

I have them set with a

width:100% and height 100%

I am able to move them along the x axis using the viewport but not sure what to set it at to make it directly centered.

Thanks for your help.

The site url:

www.lensfirefilms.com

To help, one needs the site url. Consider editing your question (click on the small cogwheel icon to the right of the question title) to give this.

I put the url in the question. For the time being, I have the svg set with their width and height, because I could not center them when I had the width and height at 100%.

@alxfyv

sdfsdfdsf

@junger

<div style="text-align:center;">

to the top of your svg code

Paste the following at the top of your SVG code:

<div style=" display: flex; justify-content: center; align-items: center;">

Don't forget to close this by adding

</div>

 to the end of your code!