在div的同一级别上将图像和居中文本左对齐？

Question

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> 专门居中（将使其下降下面的图像），或将图片和文字居中对齐-这是我目前正在做的事情。

我找到了很多有关此的指南，但它们似乎要么使用简单的网站布局来浮动图像，要么垂直对齐文本，或者找到可接受的中心横幅/文本组合。

思考？

提前致谢。

Answer 1

为什么不只是利用CSS位置呢？ 像这样 。

干杯

Answer 2

将文本放入div并添加：

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