CSS Выравнивание, изображение и текст

Question

Я хочу поместить одно изображение влево, одно изображение справа и текст посередине.

Я продолжаю думать, что я рядом, тогда кто-то убегает! Я был бы признателен за помощь и руководство.

код для страницы и CSS ниже

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; 
} 

похожи Exemple: 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>