JSFiddle - React, Tailwind, and code Playground

by peteng

HTML

<div>
    <span>I want : <br/> to be center.</span>
</div>

CSS

div {
    height:200px;
    width:200px;
    background:cyan;
    display:table;
}

span {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}

JavaScript

$("div").hover(function(){
  $("span").css("opacity","0");
  },function(){
  $("span").css("opacity","1");
});