JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    
    <head>
        <title>Lines</title>
    </head>
    
    <body>
        <div class="layer">
            <div class="line simple"></div>
            <a href="#" class="top_a">Top</a>
        </div>
        <div class="layer">
            <div class="line simple"></div>
            <a href="#" class="top_a">Top</a>
        </div>
    </body>
    
</html>

CSS

.layer
{
    margin-top:10px;
    margin-bottom:10px;
}

.line.simple
{
    width:90%; 
    height:0px; 
    display:block;
    position:relative;
    border-style:solid; 
    border-width:1px 0 0 0; 
    float:left;
    margin:15px 0 0px; 
}

.top_a
{ 
    padding-left:5px; 
    font:italic 12px/18px Georgia, sans-serif;
}