JSFiddle - React, Tailwind, and code Playground

by Erik Wegner

HTML

<div id="outer">
  <h1>Heading</h1>
  <div id="inner">
    <nav>
      <ul>
        <li><a href="">Link</a></li>
        <li><a href="">Link</a></li>
      </ul>
    </nav>
  </div>
</div>

CSS

#outer {
  background-color:#f88;
  position: relative;
  width: 400px;
  height: 200px;
}

#inner {
  position: absolute;
  bottom: 0;
  right: 0;
}

#inner nav {
  display: block;
}
#inner ul {
  list-style:none;
  margin: 0;
}

#inner li {
  display: inline;
  
}

#inner a {
  display:inline-block;
  background-color:#8f8;
  margin:0;
  padding: 30px;
}