JSFiddle - React, Tailwind, and code Playground

by DeaDrash

HTML

<div class="wrapper" >
     <p>some  text  like a text in a pi or h1 tag, some text like a text in a pi or  h1  tag, some text like a text in a pi or h1 tag, some text like a text  in a  pi or h1 tag.</p>
     <a class="absolute-a" href="/" >Ссылъка в тайгу</a>
 </div>

CSS

.wrapper{
    width:500px;
    height:100px;
    margin:30px;
    background-color:green;
    border:3px solid #afa;
    position:relative;
}
p{
    border:3px solid #ffa;
}

.absolute-a{
   
   border-style:solid;
    border-color:#faa;
    border-width:3px 200px 150px 3px;
   display:block;
   position:absolute;
   top:-10px;
   left:-25px;
}