Как расположить элемент на 2 пикселя слева от другого, центрированного элемента

Question

Я хочу расположить кнопку на 2 пикселя слева от диапазона заголовка на главной странице. Промежуток может варьироваться по размеру, и в центре его содержится div. Как я могу это сделать?

РЕДАКТИРОВАТЬ: Вот код:

            <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>

ОБЪЯСНЕНИЕ: флажок с помощью переключателя должен пометить страницу, на которой я нахожусь, как избранную. Я хочу, чтобы этот флажок был расположен на 2 пикселя слева от диапазона TitleLabel.

Answer 1

Вы можете поставить флажок margin-right: 2px; или position: relative; left: -2px;

Что бы ни работал на тебя.

Answer 2

Поместите кнопку в родительском элементе div перед диапазоном и задайте для него значение margin-right: 2px.