JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="suggestion"></div>
    Clicking button will simulate a senaro were a hint would apear for a form being filled in or something that requires giving the user a little help
    <div id="simButton">Click here</div>
</body>

CSS

#simButton{
    width: 75px;
    background: #C9C9C9;
    border-radius: 2px;
    text-align: center;
}

#suggestion{
    margin-left: 25px;
    margin-right: 25px;
    background: #FFEFB0;
    border-radius: 5px;
    text-align: center;
}

JavaScript

var message = 'A sub-domain should not include periods.';

$('#simButton').click(function(){
   $('#suggestion').html(message);
    $('#suggestion').css({
        'margin-bottom' : '25px'
    });
});