JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fiftyPercent">fixed</div>
<div class="fiftyPercent moveCss">moved by .css</div>
<div class="fiftyPercent moveAnimate">moved by .animate</div>
<button type="button" onclick="moveThem();">Click to move</button>

CSS

.fiftyPercent {
    position: relative;
    left: 50%;
    top: 0;
}

JavaScript

function moveThem(){ 
    $('.moveCss').css({'left':'+=50%'});
    $('.moveAnimate').animate({'left':'+=50%'});
}