JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
                <div class="title">dudean</div>
                <nav class="header_menu">
                        <a href="http://some.fdf">fg</a> -|-
                        <a href="http://some.fdf">fg</a>
                </nav>
        </div>

CSS

.header {
    display: box;
    box-align: stretch;
    box-orient: horizontal;
    top: 30px;
    height: 50px;
    background: red;
}

.header_menu {
    display: box;
    box-orient: horizontal;
    width: 100px;
    height: 20px;
    border-color: blue;
    border: medium;
/*     background: blue; */
    color: lime;
    
}