JSFiddle - React, Tailwind, and code Playground

HTML

<button data-move="-15" class="btn-move"> <- </button>
<button data-move="15" class="btn-move"> -> </button>
<h1>Title</h1>

CSS

h1 {
			box-sizing: border-box;
      padding-left: 0;
	}

JavaScript

$('.btn-move').on('click', function(){
	var i = parseInt($('h1').css('padding-left'));
  i = i + parseInt($(this).attr('data-move'));
	$('h1').css({
  	'padding-left': i
  });
});