JSFiddle - React, Tailwind, and code Playground

by amkrtchyan

HTML

<div class="header_text">
        <span class="text">Text</span>
        <div class="user_info">Hi, <a href="#">Text</a> [ <a href="#">Text</a>]</div>
        <div class="clear"></div>
    </div>

CSS

html, body {
    padding: 0;
    margin: 0;
}

.header_text {
    color: #fff;
    font-size: 11px;
    height: 19px;
    line-height: 19px;
    background: green;
}

.text {
    padding-left: 10px;
    float: left;
}

.user_info {
    float: right;
    color: #fff;
    padding-right: 10px;
    background: red;
}

.clear {
    clear: both;
    height: 0;
    font-size: none;
    line-height: 0;
}