2013-10-31 41 views
-2

我想要一個水平居中的div與屏幕和另一個div對齊它的一邊(這是我想要使「movible」的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