JSFiddle - React, Tailwind, and code Playground

HTML

<div class="alert">You must read and agree to the Terms and Conditions agreement. </div>
<div class="alert">That email is already connected to an account!</div>

CSS

.alert {
  margin: 0 auto 5px auto;
  width: 50%;
  padding: 3px 10px 3px 40px;
  border: 2px solid black;
  border-radius: 5px;
  background-color: Tomato;

  font-family: Arial, Verdana, Helvetica, Tahoma, Trebuchet, sans-serif;
  font-size: 16px;
  color: black;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 1.5px;
  text-align: left;
  line-height: 1.5;
  display: block;
}