左對齊圖像和div中在同一水平居中文本？

HTML: 
<br /> 
    <div class="UpperTitle"> 
     <img src="Images/CableSolve Logo.jpg" align="absmiddle" padding-right: 10px;" /> CableSolve Web Dashboard - Version 0.1.1 
    </div> 
<br /> 

CSS: 
.UpperTitle 
{ 
    text-align: center; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    background-color: #CEDEF4; 
    font-weight:bold; 
    color: #224499; 
    border-radius: 10px; 
}

我目前這個設置。我想定位在同一水平文本的旗幟，但我想有屏幕，在屏幕中央的文字左側的旗幟。左對齊圖像和div中在同一水平居中文本？

這似乎是我唯一的選擇是要麼：浮動圖像（將需要一噸硬編碼值，使這個看起來OK），在<div>包裝的文字居中專門（它導致放在圖像下面），或者將圖像和文字居中 - 這正是我目前所做的。

我發現了很多在這個各種指南的，但他們似乎用一個簡單的網站佈局要麼浮動圖像，或垂直對齊文本，或找到中心旗幟/文本組合可以接受的。

的思考？

在此先感謝。

來源

2011-04-06 Sean Anderson

爲什麼不利用CSS的位置？像this。

乾杯

來源

2011-04-06 19:54:46 Linmic

我喜歡這一個。 :)不錯，簡單，我明白到底發生了什麼。謝謝！對Snippet的答案沒有任何反應，我相信他們都工作得相當一致。 – 2011-04-06 20:00:20

很高興我能有所幫助，歡呼 – Linmic 2011-04-06 20:02:09

把文字在一個div並添加：

height: /*height of parent*/ 
line-height: /*height of parent*/

來源

2011-04-06 19:55:04 cmplieger

左對齊圖像和div中在同一水平居中文本？

回答

相關問題