JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<div class="apolegend">
    <img src="https://forum.originsmod.info/images/icons/misc/cal.png" /> - проблема устранена
    <hr/>
    <img src="https://forum.originsmod.info/images/icons/misc/dialog-error.png" /> - проблему пока что невозможно устранить
    <hr/>
    <img src="https://forum.originsmod.info/images/icons/smile/alert.gif" /> - проблема устранена
    <hr/>
    <img src="https://forum.originsmod.info/images/icons/misc/thinking.gif" /> - проблема на стадии обсуждения
</div>

CSS

.apolegend {
    border:5px solid #56231C;
    padding:5px;
    margin:5px 0px;
    border-radius:5px;
    background:#E2E1DC;
    color:#000;
}

.apolegend img {
    vertical-align:-5px;
}

.apolegend hr {
    border-top: 1px solid #8A8A8A;
    border-bottom: 1px solid #FFF;
    height:0px;
}