JSFiddle - React, Tailwind, and code Playground

by mikeys4u

HTML

<div class="nav-header">
    <div class="logo">Logo</div>
    <div class="logo drop">Link
        <div class="down">
            <div class="list">item</div>
            <div class="list">item</div>
            <div class="list">item</div>
            <div class="list">item</div>
        </div>
    </div>
    <div class="logo">Link</div>
    <div class="logo">Link</div>
    <div class="logo">Link</div>
    <div class="logo">Link</div>
</div>

CSS

.nav-header{
    position:relative;
    display:table;
    width: 80%;
    margin:0 auto;
}
.nav-header>*{
     position: relative;
     display: table-cell;
     border:2px solid;
    text-align:center;
}

.drop{
   
}
.down{
    position:absolute;
    top:0;
    
}