JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <svg class="content" xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100">
    <circle cx="50" cy="50" r="49.5" stroke="red" fill="white"/>
  </svg> 
</div>

CSS

div {
  width:200px;
  height:200px;
  line-height:200px;
  text-align:center;
}

.content{
  line-height:normal;
  vertical-align:middle;
  display:inline-block;
}

body * { border: solid 1px black; }