JSFiddle - React, Tailwind, and code Playground

by IckleChris

HTML

<body>
    <div id="button">
        <div id="plus">
            <span>+</span>
        </div>
    </div>
</body>

CSS

#button {
    width : 100px;
    height : 100px;
    border-radius : 100%;
    background-color : red;
    position: relative;
    margin: 0; padding: 0;
}
#plus {
    font-family : Arial, Helvetica, sans-serif;
    font-size : 60px;
    color : black;
    text-align: center;
    position: relative;
      top: 50%;
      transform: translateY(-50%);
}

#plus span {
    position: relative;
      top: 50%;
      transform: translateY(-50%);
}