JSFiddle - React, Tailwind, and code Playground

by afshinprofe

HTML

<div id="content">
  <h1>the title</h1>
  
  <ul>
    <li>link 1 </li>
    <li>link 2 </li>
    <li>link 3 </li>
  </ul>
    <p>this is the tagline of the site</p>
</div>

CSS

h1{
background:#BBBBBB;
    color:white;
    font-size:60px;
    width:200px;
    float:left;
}
ul{
    background:gray;
    float:left;
    position:absolute;
    display:inline-block; 
     left:200px; 
     height:45px;  
    list-style-type: circle;

}
li{
    display:inline-block;
    background:black;
    color:white;
    float:left;
    margin-top:25px;
    padding-left:5px;
    list-style-type: circle;

}
p{
clear:both;
    font-size:20px;
}