对齐图像和div中的标签

Question

我有一个标签和div中的图像，充当移动应用中的导航栏。我需要将文本置于中心位置，并且图像位于右侧。我无法设法找到正确的组合。代码在这里：

<div data-role="header"> 
    <div class="centered"> 
     <img src="../images/culogo50x40.png" alt="logo" height="25px" class="c1"> 
     <h3>Login</h3> 
    </div> 
</div> 

在课堂为中心，我有：

.centered { 
width: 100%; 
height: auto; 
position: fixed; 
top: 20%; 
background-color: red; 
text-align:center; 
-webkit-backface-visibility: hidden; 
} 

，并在课堂上C1，我有：

img.c1 { 
    float: right; 
    display: inline; 
} 

Answer 1

您可以position您imgabsolute，使right:0;到漂浮它的权利。为了使垂直中间只是进行以下修改你的风格

img.c1 { 
    position: absolute; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    margin: auto; 
} 

DEMO

注：margin:auto仅是固定width或height你的元素的作品。