JSFiddle - React, Tailwind, and code Playground

by Sukanya Halder

HTML

<script src="http://fonts.googleapis.com/css?family=Tangerine"></script>
<script src="http://fonts.gstatic.com/s/tangerine/v6/HGfsyCL5WASpHOFnouG-RFtXRa8TVwTICgirnJhmVJw.woff2"></script>

<div>
    <a href="#" id="top">Top</a>
<a href="#divBottom">Bottom</a>
    Hello
</div>
<div id="divBottom">
    I am Bottom 
</div>

CSS

body {
        font-family: 'Courier', serif;
        font-size: 18px;
      }div{
    height:500px;
    background-color:#00B24E;
}
#divBottom{
    height:500px;
    border:2px solid #ccc;
    background-color:#FF2C19;
}
#top{
    position:fixed;
    width:35px;
    height:20px;
    background-color:#FEF5CA;
    margin-left:450px;
    margin-top:5px;
    padding:2px;
}