텍스트 줄이 동일한 줄에서 작동하지 않습니다.

Question

새 소개 저는 코드에 대해 더 많이 알고 있습니다. 나는 블록의 왼쪽에 하나의 링크를, 오른쪽에는 다른 링크를 원한다. 나는 아래 명령을 사용하고있다. 둘 다 올바른쪽에 있지만 새로운쪽에는 하나씩 나오고 있습니다. 나는 CSS에서 올바른 코드를 부여했지만 일부 HTML 코드 문제를 생각합니다. 아래 오류를 알려주세요.

 <div class="more"> 
     <span><a href="http://www.fe.com/discuss">See More</a></span> 
     </div> 
     <div class="placeadhere"> 
     <span><a href="http://www.fe.com/posting.php?mode=post&f=16">Place Ad Here</a></span> 
     </div> 

내 CSS는

.more { 
font-size:11px; 
text-align:right; 
margin:5px 0 10px 0; 

}

.placeadhere { 
font-size:11px; 
text-align:left; 
margin:5px 0 10px 0; 

}

이미지가

감사는 당신을 대단히 MY PROBLE입니다 당신의 대답과 함께 ... 당신과 당신을 사랑해.

Answer 1

나는이 문제가 당신의 CSS라고 생각한다. 너는 그것도 붙여 넣어야한다.

<div class="more" style="width:auto; float: left;"> 
     <span><a href="http://www.fedri.com/discuss">See More</a></span> 
</div> 
<div class="placeadhere" style="width:auto; float: right;"> 
     <span><a href="http://www.fedri.com/posting.php?mode=post&f=16">Place Ad Here</a></span> 
</div> 

Answer 2

사업부의의는 블록 요소와 전체 폭을 차지합니다. div를 인라인으로 지정하여 필요한 너비 만 차지하도록하십시오. 또는 div의 절대 위치를 포지셔닝하여 필요에 따라 부동화 할 수 있습니다.

.more { 
display: inline; 
    float: left; 
    font-size: 11px; 
    margin: 5px 0 10px; 
    text-align: right; 
} 

.placeadhere { 
display: inline; 
    float: right; 
    font-size: 11px; 
    margin: 5px 0 10px; 
    text-align: left; 
} 

이 (가) fiddle- http://jsfiddle.net/bkgJT/

Answer 3

작업 당신은 내가 그것과 같아야 전체 HTML 조각 주위에 추가 사업부를 추가 http://cssdeck.com/labs/tztgz6hy/0

에서 근무에서 볼 수 있습니다 참조

<div class="main"> 
    <div class="more"> 
     <span> 
      <a href="http://www.fedri.com/discuss">See More</a> 
     </span> 
    </div> 
    <div class="placeadhere"> 
     <span> 
      <a href="http://www.fedri.com/posting.php?mode=post&f=16">Place Ad Here</a> 
     </span> 
    </div> 
</div> 

및 CSS

.more { 
font-size:11px; 
text-align:right; 
margin:5px 0 10px 0; 
} 
.placeadhere { 
font-size:11px; 
text-align:left; 
margin:5px 0 10px 0; 
} 
.main .more{float:left;} 
.main .placeadhere{float:right;} 

Answer 4

사용이 당신의 사업부를 사용자 정의 폭

<div style="width:somevalue"> 
     <div class="more"> 
     <span><a href="http://www.fedri.com/discuss">See More</a></span> 
     </div> 
     <div class="placeadhere" style="float:right;"> 
     <span><a href="http://www.fedri.com/posting.php?mode=post&f=16">Place Ad Here</a></span> 
     </div> 
    </div> 

Answer 5

그냥 float

.more { 
font-size:11px; 
text-align:right; 
margin:5px 0 10px 0; float:right 
} 

.placeadhere { 
font-size:11px; 
text-align:left; 
margin:5px 0 10px 0; float:left 
}​ 

DEMO