JSFiddle - React, Tailwind, and code Playground

HTML

<div class="borderbl"><div id="block"></div></div>

CSS

#block {
    width: 150px;
    height: 150px;
    border: 1px solid #900;
    position: relative;
}

.borderbl {
    width: 300px;
    height: 300px;
}

JavaScript

$('.borderbl').click(function(e){
    $('#block').stop().animate({
        left: e.pageX,
    });
});