Ich versuche, meine FontAwesome-Symbole in meinem Twitter-Bootstrap-Code zu zentrieren.

Das ist mein HTML:

<div id="frontpage-content" class="content">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <span>
                    <i class="fa fa-camera-retro fa-5x"></i>
                </span>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, inventore, ipsa dolorum laborum sit alias iusto nam quibusdam ad distinctio rerum expedita autem itaque delectus iste mollitia perferendis sint libero accusamus
                        in. Enim, natus necessitatibus pariatur optio explicabo consequuntur quod!</p>
            </div>
            <div class="col-lg-4">
                <i class="fa fa-camera-retro fa-5x"></i>
                <p>Ut, aliquid, aperiam, veniam modi voluptates maiores nesciunt libero fugiat illum recusandae cum similique et alias possimus error ex tenetur quasi sint eius dicta officia earum eveniet suscipit corporis autem deleniti nihil sed!
                        Earum blanditiis vel similique nisi fugit reprehenderit?</p>
            </div>
            <div class="col-lg-4">
                <i class="fa fa-camera-retro fa-5x"></i>
                <p>Quisquam eos aperiam autem atque minus modi similique earum! Ab, laboriosam odit non quo officiis asperiores atque dolorum omnis vitae in qui officia sequi molestias quisquam velit exercitationem aperiam. Voluptatum, unde, nesciunt
                        temporibus voluptates sint ab architecto at quod dolore.</p>
            </div>
        </div>
    </div>

Und hier ist, was ich bereits ausprobiert habe:

#frontpage-content {
    background-color: $bgDefault;
    i {
        text-align:center;
    }
    span {
        text-align:center;
    }
}

Funktioniert perfekt für den Text, funktioniert aber nicht für deni Elemente.

Ich weiß, ich kann es zentrieren, wenn ich dem umgebenden div eine statische Breite gebe und dann das positionierei Element mit ...

 margin-right: auto;
 margin-left: auto;
 display: block;

... aber ich möchte dem umgebenden div keine statische Breite geben.

Wie löse ich dieses Problem, ohne die statische Breite anzuwenden?

Bearbeiten: Auch ich kenne dascenter HTML-Element, aber das wäre kein CSS und daher nicht sehr praktisch.