JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div class="logo">
    <div class="topLeft"></div>
    <div class="topRight">
        TEXT
    </div>
    <div class="bottom">more text here</div>
    <div class="bottom2">and here</div>
</div>

CSS

body{
    background-color:gray;
}

.logo
{
    width:200px;
    height:100px;
    background-color:#FFF;
}

.topLeft{
    width:30px;
    height:50px;
    background-color:red;
    margin-left:3px;
    margin-top:3px;
    position: absolute;
}

.topRight{
    text-align:center;
    height:50px;
    line-height:50px;
}

.bottom, .bottom2{
    text-align:center;
}