<div class="u-center">…</div>

<div class="u-half-spacing">

    <p class="u-align-center">Laborum deserunt consequatur facilis totam ipsa in commodi, magnam alias accusamus vel dolores adipisci doloremque, sint temporibus architecto.</p>

    <ul class="o-inline-list u-align-center">
        <li>…</li>
        <li>…</li>
        <li>…</li>
    </ul>

</div>

<div class="u-half-spacing">
    <p class="u-align-center@lteLine">Laborum deserunt consequatur facilis totam ipsa in commodi, magnam alias accusamus vel dolores adipisci doloremque, sint temporibus architecto.</p>

    <ul class="o-inline-list u-align-center@lteLine">
        <li>…</li>
        <li>…</li>
        <li>…</li>
    </ul>
</div>

<div class="u-half-spacing">
    <p class="u-align-center@lteLayout">Laborum deserunt consequatur facilis totam ipsa in commodi, magnam alias accusamus vel dolores adipisci doloremque, sint temporibus architecto.</p>

    <ul class="o-inline-list u-align-center@lteLayout">
        <li>…</li>
        <li>…</li>
        <li>…</li>
    </ul>
</div>

<div class="u-half-spacing">
    <p class="u-align-left">Laborum deserunt consequatur facilis totam ipsa in commodi, magnam alias accusamus vel dolores adipisci doloremque, sint temporibus architecto.</p>

    <ul class="o-inline-list u-align-left">
        <li>…</li>
        <li>…</li>
        <li>…</li>
    </ul>
</div>

<div class="u-half-spacing">
    <p class="u-align-right">Laborum deserunt consequatur facilis totam ipsa in commodi, magnam alias accusamus vel dolores adipisci doloremque, sint temporibus architecto.</p>

    <ul class="o-inline-list u-align-right">
        <li>…</li>
        <li>…</li>
        <li>…</li>
    </ul>
</div>