Can anyone tell me how to align a svg rectangle in the center?

Question

I wanna make it look like a card with rounded corners, a shadow property and wanna add some text over it. I would like to use it as a header.

Answer 1

Alright I found the answer myself 😀. I just had to use margin: auto; in div. And I think using a svg for such purpose is not a good idea 😜.