JSFiddle - React, Tailwind, and code Playground

by mrjordy

HTML

<div class="mission_banner">
<div class="mission-banner-spaceL"></div><div class="mission-banner-logo"></div><div class="mission-banner-text">asdfasdf asdf asdf asdfasdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf </div>
</div>

CSS

.mission-banner {
    width: 100%;
}
.mission-banner-spaceL {
    background: red;
    width:5%;
    height:50px;
    display: inline-block;
}
.mission-banner-logo {
    background:blue;
    width: 10%;
    height:100px;
    display: inline-block;
    z-index: 2;
}
.mission-banner-text {
    background:green;
    width:90%;
    min-height:100px;
    margin-left: -5%;
    z-index: 1;
    display: inline-block;
}