嵌套的div定位與css

Question

我想保持我的容器div文本對齊居中，無論其中的div的大小。

<div id="container"> 
    I want to stay at the center 
    <div id="right-content">Right div effects centered content 
    </div> 
</div> 

#container { 
    text-align:center; 
     background-color: #888; 
     border-radius: 5px; 
     -moz-border-radius: 5px; 
     -webkit-border-radius: 5px; 
     min-width: 500px; 
     height: 65px; 
     margin-top: 60px; 
} 

#right-content { 
background-color:#F00; 
display:block; 
vertical-align:middle; 
float:right; 
height: 65px; 
color:#FFF; 

}

抱歉，右鍵內容附接。

http://jsfiddle.net/YMsR4/12/

---

沒有不垂直，其實我想要做的是什麼樣的下面的代碼，但是這並不能有效地安排與靜態values.there利潤率應該是這個簡單的方法。

#container { 
text-align:center; 
background-color: #888; 

border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 

width: 750px; 
height: 65px; 
margin-top: 60px; 

}

#right-content { 
background-color:#F00; 
float:right; 
height: 65px; 
color:#FFF; 
position: absolute; 
margin-top: -20px; 
margin-left: 535px; 

}

的DIV是一樣的。

http://jsfiddle.net/YMsR4/13/

Answer 1

做出正確的內容的位置絕對的。這種方式將其從正常流程中移除，並且不會影響其他div。