JSFiddle - React, Tailwind, and code Playground

by jcoc611

HTML

<div id="registerForm">

         <div class="dojoxAlertBar">
           <div class="dojoxAlertBarMessage">MESSAGE</div>
         </div>

          
          <form method="POST">
            <input name="workspace"  />
            <input name="email" />
           <input name="login" />
            <input name="password" />
            <input type="submit" label="Create!" />
          </form>

        </div>

CSS

#registerForm {
    width: 300px;
    margin: 0 auto; 
    background: blue;
/*    height:117px;  */ 

}


.dojoxAlertBar {
    /* position:absolute; */
        position:relative;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    z-index:100;

    background:#f3f2af;
    box-shadow:0 2px 6px #444;
    -webkit-box-shadow:0 1px 6px #444;
    -moz-box-shadow:0 1px 6px #444;
    font-size:.8em;

}

.dojoxAlertBarMessage {
    position:relative; 
    padding-left: 10px;
        padding-right:10px;
        text-align: center;
        font-size: 14px;
}
.dojoxAlertBarMessage a{
    margin-left:10px;
}