JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/sunny/jquery-ui.css">
<p>Button looking odd,</p><button id="btnClose" class="Close"></button>
<br/><br/>
<p>Button looking good,</p><button id="btnClose1" class="Close">Close </button>

CSS

body
{
    padding: 20px;
}
p
{
    font-family:calibri;
    font-size: 18pt;  
    color: Maroon;
}

JavaScript

$(function() {
    $("#btnClose").button({
        icons: {
            primary: "ui-icon-closethick"
        }
    });
    
    $("#btnClose1").button({
        icons: {
            primary: "ui-icon-closethick"
        }, text: false
    });
});