左，中，右H1，H2在線

Question

我無法使這三個要素。我想作這樣的事情

，但我得到這個

HTML

<div class="row"> 
    <div class="large-12 columns"> 
     <div id="controls" class="text-center"> 

      <h2 class="text-left"> 
       <i class="fa fa-chevron-left fa-small"></i> 
      </h2> 

      <h1 class="fittext text-center"> 
       Sunday 
      </h1> 

      <h2 class="text-right"> 
       <i class="fa fa-chevron-right fa-small"></i> 
      </h2> 

     </div> 
    </div> 
</div> 

CSS（薩斯）

#controls 
    display: inline 
    h1, h2 
     display: inline-block 

Answer 1

#controls{ 
text-align:center 
} 
h1, h2{ 
display: inline-block} 

Demo