左对齐图像和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中在同一水平居中文本？

回答

相关问题