JSFiddle - React, Tailwind, and code Playground

by BoxMan0617

HTML

<div class="error-display">
    <div class="error-header">
        <div class="error-no">E_NOTICE</div>
        <div class="error-file">/var/www/sky/poop.php:112</div>
    </div>
    <div class="error-message">
        Blasdjkcns dckj sdckj sdkjc sdkj cksjd ckj sdc
    </div>
</div>

CSS

.error-display {
    width:95%; border:1px solid #000;margin:5px auto;
}

.error-header {
    padding: 5px;border-bottom:1px solid #000;background:#dbf0fc;
}

.error-no {
    float: left;padding-right:5px;font-weight:bold;
}

.error-file {
    padding-left:5px;
}

.error-message {
    padding:5px;