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>中以使其专门< / em>（这会使它落在图像下方），或者使图像和文本居中 - 这就是我目前所做的。

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

思想？

提前致谢。

Answer 1

为什么不利用CSS位置？比如this。

干杯

Answer 2

将文本放入div并添加：

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

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

2 个答案: