JSFiddle - React, Tailwind, and code Playground

by GCyrillus

HTML

<div id="posabsfxd">
    <nav><a href="#">nav link</a> <a href="#">nav link</a> <a href="#">nav link</a> <a href="#">nav link</a></nav>
</div>
<section><p>fixed nav min-width fixed nav min-width fixed nav min-width fixed nav min-width fixed nav min-widthfixed nav min-width fixed nav min-width fixed nav min-width fixed nav min-width fixed nav min-widthfixed nav min-width fixed nav min-width fixed nav min-width fixed nav min-width fixed nav min-widthfixed nav min-width fixed nav min-width fixed nav min-width fixed nav min-width fixed nav min-width</p></section>

CSS

nav, section {width:80%;margin:auto;}
html,body {height:100%;margin:0;}
section {min-height:100%;background:#333;color:#def;padding-top:4em;box-sizing:border-box;}
#posabsfxd {position:fixed;left:0;right:0;top:2em;text-align:center;}
nav {background:tomato;}
    a{color:gold;}