2013-10-31 1 views
-2

화면과 가로로 가운데에있는 div가 있고 그 옆에 다른 div가 정렬되어 있습니다 (이 div는 내가 "움직일 수있는"것으로 만들고 싶습니다). 예를 들어 화면의 최대 오른쪽에 떠. 을 문제가 중심 DIV 항상 화면 중앙의 종료 끝된다.화면의 div 중심과 그 옆에있는 다른 인라인 div

감사합니다!

나는 이것이 당신이 내가 사용하는 기술하는 효과가 생각
+4

JSFiddle가하십시오 코드를 묻는 질문이 문제에 대한 최소한의 이해가 해결되는 것을 보여 주어야합니다. 시도한 해결책, 실패한 이유 및 예상되는 결과를 포함시킵니다. –

답변

1

이 시도 :

body{ /* or parent element */ 
    text-align: center; 
} 

.text{ 
    font-weight: 800; 
    color: green; 
    font-size: 20px; 
    display: inline-block; 
    position: relative; 
} 

.text:after{ 
    content: "side text"; 
    position: absolute; 
    top: 3px; 
    font-weight: normal; 
    white-space: nowrap; 
    font-size: 12px; 
    color: red; 
    left: 100%; 

} 

Working Fiddle