JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div id="err">
<img src="http://lorempixel.com/50/50" />
<p id="message">Lorem ipsum dolor sit amet.</p>
</div>

CSS

#err {
    border: 3px solid red;
    background-color: RGBA(255,0,0,0.30);
    width: 45%;   
    margin: 20px auto;
    position:relative;
    min-height:60px
}

#err img {
    position: absolute; top: 5px; left: 5px;
} 

#err p {
    margin: 0px 5px 10px 60px;
}