在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*/