centered elements

<div class="row">
    <div class="container">
        <div class="half feature">
            <p>A centered element with 50% width</p>
        </div>
        <div class="third feature">
            <p>A centered element with 1/3 width</p>
        </div>
        <div class="twothird feature">
            <p>A centered element with 2/3 width</p>
        </div>
    </div>
</div>
        

Give it some color:

<div class="row emphasis">
    <div class="container">
        <div class="half feature">
            <p class="text-center">A centered element with 50% width</p>
        </div>
    </div>
</div>
<div class="row emphasis cool">
    <div class="container">
        <div class="half feature ">
            <p class="text-center">A centered element with 50% width</p>
        </div>
    </div>
</div>
<div class="row emphasis subtle">
    <div class="container">
        <div class="half feature ">
            <p class="text-center">A centered element with 50% width</p>
        </div>
    </div>
</div>
        

Return to patterns page