JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div class='navcontainer'>
  <span class="status" id="success">Der Termin wurde geändert</span>
</div>

CSS

/* Formatierung für alle Elemente der Statuszeile */
.navcontainer .status {
border: 1px solid #4D4D4D;
border-radius: 6px;
display: block;
font-family: Verdana;
font-size: 10px;
float: left;
padding: 5em;
width: 40em;
text-align: center;
margin-right: 10px;
}

/* Formatierung für Erfolgshinweis */
.navcontainer #success {
color: #F7F7F7;
font-weight: bold;
background-color: #6BBC54;
}