JSFiddle - React, Tailwind, and code Playground
HTML
<button id="go">Go</button><div>
<div style="display:inline-block; line-height:24px; vertical-align: top" id="div_1">div_1</div>
<div style="display:inline-block; background: red; position: relative; height: 2rem; width: 2rem" id="div_2">x</div>
</div>
CSS
#div_2 {
line-height: .5;
}
JavaScript
$("#go").click(function(){
$("#div_2").css("line-height","30px");
});