JSFiddle - React, Tailwind, and code Playground
JavaScript
$(document).ready(function Header(){
var childHeight = (function childHeight(){
var childState = $('.MyPosition2').parent();
var childHeightOut = childState.height();
return childHeightOut
})();
var childWidth = (function childWidth(){
$('.MyPosition2').css({'margin-left': 'none'});
var childWidthOut = $('.MyPosition2').width();
return childWidthOut
})();
var clearfixWidth = (function clearfixWidth(){
var locateClearfix = $('.MyPosition2').parent('.clearfix');
var clearfix = locateClearfix.width();
return clearfix
})();
var parent = $('.MyPosition2').parent('.clearfix');
childHeight += 0;
var displace = (((clearfixWidth - childWidth) / 2) +1) - 0;
parent.css({'left': '-' + displace + 'px', 'margin-left': '0px', 'top': 'calc(100% - ' + childHeight + 'px)'});
});
$(window).resize(function Header(){
});