JSFiddle - React, Tailwind, and code Playground

HTML

<div class="body">    
    <div class="wrapper">
        <div class="logo">Lorem</div>
        <div class="text">Lorem ipsum</div>
    </div>    
</div>

CSS

.body{
    background: url('http://fotokaif.com/wp-content/uploads/2012/03/blurred-2.jpg');
    width:1000px;
    height: 267px;
}

.wrapper {
    position:relative;
    top: 30px;
    left:20px;
    color:#fff;
}

.logo {
    width:81px;
    height:33px;
    background:#b91c19; 
    box-shadow: 0px 2px 0px rgba(50, 50, 50, 0.5);    
}

.text {
    background: #000; 
    opacity:0.5;    
    position:relative;
    left: 81px;
    display:inline-block;
}