JSFiddle - React, Tailwind, and code Playground

by Pete_D

HTML

<div id="text_head">
   <p class="dot">·</p>
   <div class="line"></div>
   <div class="line"></div>   
   <p id="p_head">Here is my</p>
   <p id="p_sub">WEB DESIGN</p>
</div>

CSS

#text_head {
    position: relative;    

}
.dot {
    color: #000;
    font-size: 20px;
    left: 131px;
    position: absolute;
    top: 22px;
 }

  .line { 
    background-color: #000;
    height: 2px;
    position: absolute;
    right: 0;
    top: 67px;
    width: 118px;
 }  
p { margin: 0;
    padding: 0;
    color: #FFF; 
    }

#p_head { 
    font-family: arial;
    font-size: 24px;
    margin: 0;
    padding: 0;
     }  

#p_sub { 
    font-family: arial;
    font-size: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
     }