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.</p>
     <a class="absolute-a" href="/" >Ссылъка в тайгу</a>
 </div>

CSS

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

.absolute-a{
   width:0;
   height:0;
   padding-bottom:1em;
   display:inline-block;
   overflow:visible;
   white-space:nowrap;
   direction:rtl;
   border-style:solid;
   border-color:#faa;
   border-width:100px 3px 3px 200px;
   position:absolute;
   bottom:7px;
   right:5px;
}