對齊圖像和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你的元素的作品。