CSS对齐方式，图像和文本

Question

我想把一个图像放在左边，一个图像放在右边，文本放在中间。

我一直在想我很接近那么一个或另一个跑掉！我希望得到一些帮助和指导。

下面

VB页

<div id="HeaderTitleWrapper"> 

<h2><img src="images/Header/logo.jpg" alt="Writting Icon" /> 
<div id="HeaderTel"> 
GATEWAY<img src="images/Header/pic2.jpg" alt="Writing Icon" /> 
&nbsp;</div> <!-- HeaderTel --> 
</h2> 


</div> <!-- HeaderTitleWrapper --> 

CSS

/* Header Text Title */ 


#HeaderTitleWrapper { 
    width: 1000px ; 
    margin-left: auto ; 
    margin-right: auto ; 

} 

#HeaderTitleContent {  
    padding: 0px;  
    height: auto; 
    position: relative; 
    left: 0px; 
    top:10px; 

} 

#HeaderTel 
{ 

    position:absolute; 
    right:150px; 
    top:auto; 

} 

Answer 1

使用文本对齐：证明和假，你可以喷内嵌盒由左到右。

<header> 
    <img/> 
    <span>text</span> 
    <img/ 
<header> 

header { 
    line-height:0; 
    text-align:justify; 
} 
header span { 
    display:inline-block; 
    vertical-align:middle; 
    line-height:1.2em; 
} 
header:after { 
    content:''; 
    display:inline-block; 
    width:99%; 
    vertical-align:top; 
} 

类似为例：http://codepen.io/gcyrillus/pen/dlvCp

Answer 2

<div 
id="firstImage"> 
    <img 
    src="1.jpg" 
    alt="Writting Icon" 
    /> 
    </div> 
    <span 
    id="Text"> 
     GATEWAY 
     </span> 
     <div 
     id="secondImage"> 
      <img 
      src="2.jpg" 
      alt="Writing Icon" 
      /> 
      </div> 
      <!-- HeaderTel --> 
    </div> 

用于页面和CSS代码