JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div class="wrap">

    <div class="top-right"></div>
    
    asdfsdf asdfafa asdf af a afdssdf afsd afasfasdf<br />
    asdfsdf asdfafa asdf af a afdssdf afsd afasfasdf<br />
    asdfsdf asdfafa asdf af a afdssdf afsd afasfasdf
    
</div>

CSS

.wrap {
    border: 1px solid green;
    float: left;
    margin: 100px;
    position: relative;
}
.top-right {
    width: 50px;
    height: 50px;
    position: absolute;
    background: red;
}

JavaScript

var Wrap = $('.wrap');
var TopRight = $('.top-right');

TopRight.css({ 
    top: -TopRight.height(),
    right: -TopRight.width()
});