JSFiddle - React, Tailwind, and code Playground

by Nathaniel Anderson

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="alert alert-danger" role="alert">
  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
  <span class="message-to-right">
  Enter a valid email address even if this line is really long</span>
</div>

CSS

span.glyphicon.glyphicon-exclamation-sign {
    position: absolute;
    top: 1.25em;
}
span.message-to-right {
    display: block;
    margin-left: 2em;
}