左，中，右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 （Sass）

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

Answer 1

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

Demo