Discussion on: How to fix elements shifting issue in bold on hover

Hi Rae,

There is a another very basic solution for this..

Step1: just take the text in span
a href="#">This is only a hot fix</a

a href="#">
span>This is only a hot fix /span>
/a>

Step2: Copy it to two times:
a href="#">
span>This is only a hot fix span>This is only a hot fix /a>

Step3: 1st should have Visibility:hidden, and 2nd have position: absolute.

a href="#" style="position:relative">
span style="visibility:hidden;white-space:nowrap">This is only a hot fix span class="hover-item" style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);white-space: nowrap;">This is only a hot fix</span
</a

a:hover .hover-item{font-weight:bold}

Thanks & Regards