Comment positionner un élément 2px à gauche d'un autre élément centré

Question

Je souhaite positionner un bouton 2px à gauche d'une plage de titre sur mon gabarit. L'envergure peut varier en taille, et est centrée dans son div contenant. Comment puis-je faire ceci?

EDIT: Voici le code:

  <asp:CheckBox ID="FavCheckBox" runat=server style="display:inline-block" 
        oncheckedchanged="FavCheckBox_CheckedChanged" AutoPostBack="True"/> 
      <cc1:ToggleButtonExtender 
        ID="ToggleButtonExtender2" runat="server" TargetControlID=FavCheckBox 
        ImageHeight=16 ImageWidth=16 CheckedImageAlternateText="Remove from Favorites" 
        CheckedImageOverAlternateText="Remove from Favorites" 
        CheckedImageOverUrl="~/Images/favorite_hollow.gif" 
        CheckedImageUrl="~/Images/favorite.gif" 
        UncheckedImageAlternateText="Add to Favorites" 
        UncheckedImageOverAlternateText="Add to Favorites" 
        UncheckedImageOverUrl="~/Images/favorite.gif" 
        UncheckedImageUrl="~/Images/favorite_hollow.gif"> 
      </cc1:ToggleButtonExtender> 
    &nbsp;&nbsp; 
     <span id="Span1" runat="server" class="TitleLabel"><%= SiteMap.CurrentNode.Title %></span> 

EXPLICATION: La case à cocher avec togglebutton est de marquer la page, je suis en tant que favori. Je veux que cette case à cocher soit positionnée 2px à gauche de la plage TitleLabel.

Answer 1

Vous pouvez donner la case à cocher une margin-right: 2px; ou un position: relative; left: -2px;

Quel que l'on travaille pour vous.

Answer 2

Placez le bouton dans la div parente avant la plage et donnez-lui une marge à droite: 2px.