요소를 다른 가운데에있는 요소의 왼쪽에 두는 방법

Question

마스터 페이지의 제목 범위 왼쪽에 2px 버튼을 배치하고 싶습니다. 범위는 크기가 다를 수 있으며 포함하는 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> 

설명 : : 토글 버튼과 체크 박스는 내가 좋아하는로 오전 페이지를 표시하는 것입니다 여기에 코드입니다. 이 체크 박스를 TitleLabel 범위의 왼쪽에 2 픽셀 배치하고 싶습니다.

Answer 1

당신은 체크 박스를 제공 할 수 있습니다 margin-right: 2px; 또는 position: relative; left: -2px;

이제까지 어떤 사람이 당신을 위해 작동하는.

Answer 2

스팬 앞의 부모 div에 버튼을 놓고 오른쪽 여백 : 2px를 지정합니다.