JSFiddle - React, Tailwind, and code Playground

by Rohit Azad

HTML

<div id="section1">
<div id="topnav">
    <a href="#" class="topnav">Languages</a>
    <a href="/contact/"  class="topnav">Contact</a>
</div>
    ... other content
</div>

CSS

#section1 {
background-image: url("images/section1bg.jpg");
    background-color:red;
width: 100%;
margin: 0;
padding: 0;
position: relative;
    overflow:hidden;
}

#topnav {
margin-top: 50px;
margin-left: auto;
margin-right: auto;
text-align: right;
width: 400px;
padding-bottom: 10px;
border-bottom: 1px solid white;
position: relative;
}