Corrija la posición de la etiqueta en Mouseover - javascript, css, label

Tengo etiqueta y usando JS estoy haciendo etiqueta para seren negrita, pero cuando la etiqueta está en negrita, cambie la posición de otros objetos de etiqueta. Quiero que la etiqueta esté en negrita en su misma posición sin cambiar o alterar otras etiquetas aquí está mi código JS y Label

function changeCA()
{
document.getElementById("CA").style.border="solid 1px #464646";
document.getElementById("CA").style.fontWeight="bold";
document.getElementById("CA").style.color="white";
//document.getElementById("CA").style.marginLeft="-15px";
//document.getElementById("CA").style.paddingRight="-5px";

document.getElementById("CA").style.borderTopColor="#dd4b39";
document.getElementById("CA").style.borderLeftColor="#464646";
document.getElementById("CA").style.borderRightColor="#464646";
document.getElementById("CA").style.borderBottomColor="#464646";
}

<asp:Label ID="CA" runat="server"   Font-Names="Arial" Font-Size="10pt" ForeColor="#CCCCCC"   Text="Current Activities" Style="padding-top:4px; padding-bottom:4px; margin:0px 1px 0 0;"          onmouseover="ChangeCA()"></asp:Label>

Alguien, por favor, ayúdame a cómo arreglar la posición cuando se pone en negrita

Respuestas

Establezca un ancho fijo para la etiqueta. Esto también significa que debe configurar la visualización de la etiqueta para bloquear o bloquear en línea.