CSS는 어떻게 horizantal

Question

마크 옆에 서로에 achors 부동까지 얻을 그리고 나는

.socialMediaPlugin { 
float: right; 

} 을 시도하고 있었다 그러나 그들은 다음보다는 서로에 나타납니다? 내가 어떻게 그들을 나란히 놓을 수 있을까?

Answer 1

당신은 CSS 읽어야 당신, 그래서 당신은 링크가 아닌 컨테이너에 적용 할 필요가 좌우로

Answer 2

될 것

.socialMediaPlugin a{ 
    display: block; 
    position: relative; 
    float: left; 
} 

의 링크를 사용할 수 있습니다

.socialMediaPlugin a { 
    float: right; 
}​ 

예를 볼 수 있습니다. here

.socialMediaPlugin:nth-child(n) { 
    float: right; 
}​ 

또는 내가 조언하지 것이며, 그것은 아주 해키하지만

.socialMediaPlugin * { 
    float: right; 
}​ 

!

또한

, 당신은 그런 것들에 대한 정렬 된 목록을 사용해야합니다, 당신은

그래서 링크의 순서 그 포스터의 요청에 따라 그 here

편집의 예를 볼 수 있습니다 가 유지 될 수 있다면, div에있는 링크를 display:block으로 감싸고 그 대신에 그 자리를 떠올리게 할 필요가 있습니다. 이 라이브보기 example.

CSS

.socialMediaPlugin div { 
    display: block; 
    float: right; 
} 
​ 

Answer 3

앵커들이 자연스럽게 서로 옆에 쌓아 것 alreayd 인라인 레벨 요소이기 때문에.

문제는 컨테이너가 쌓인 항목을 담을만큼 너비가 넓어서 포장하지 못하는 것일 수 있습니다.

앵커 요소에 적용된 다른 스타일을 사용하여 블록 수준 요소처럼 작동하게 할 수 있습니다.