JSFiddle - React, Tailwind, and code Playground

by ciaoben

HTML

<script src="&lt;link href=&#39;http://fonts.googleapis.com/css?family=Arimo:400,700&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;&gt;"></script>
<div class="uno">
    <div class="due"> <a> LED LAMPADE </a>

    </div>
</div>

CSS

div {
    border: solid 1px rgba(85, 114, 8, 0.8);
    ;
    width:200px;
    height:300px;
}
.uno {
    font-family: 'Arimo', sans-serif;
    text-align:center;
    text-shadow: -1px 0 rgba(85, 114, 8, 1), 0 1px rgba(85, 114, 8, 1), 1px 0 rgba(85, 114, 8, 1), 0 -1px rgba(85, 114, 8, 1);
    font-weight:900;
    color:#FF8600;
    font-size:40px;
    position:relative;
    background-image: url("http://i.imgur.com/V0UeSpc.png");
    background-size: 490px;
    background-repeat: no-repeat;
    background-position: -160px 0px;
}
.due {
    position: absolute;
    top: 0px;
    background-color:rgba(85, 114, 8, 0.6);
}
a {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 100%;
}