JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<ul id="menu">
<li><a href="#">123213123</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Name</a></li>
<li><a href="#">Nadfgdfgdfgdfgdfgdfgdfgme</a></li>
<li><a href="#">N33323ame</a></li>
</ul>

</body>

CSS

ul#menu li {
background:transparent url(http://www.adrianflorescu.info/header-img.png) no-repeat 50% 0;   
}

JavaScript

$("ul#menu li").each(function(i){
    var source = $(this).html();
    var sensor = "<span>" + source + "</span>";
    $(this).html(sensor);
    
    var width = $(this).find('span:first').outerWidth();
    var v = width/2;
    $(this).css('backgroundPosition', v - 20 + 'px 0');
    
    $(this).html(source);
   });