JSFiddle - React, Tailwind, and code Playground

by sajadlfc

HTML

<body>

<div class="center">
  How to get this text aligned in the center?
</div>


</body>

CSS

.center {
    margin: auto;
    width: 70%;
    height:100px;
    background-color: yellow;
    text-align:center;


  vertical-align: middle;
    line-height: 100px;

}