pip-webui/pip-webui-css/samples/css_styles/alignment.html

HTML5 UI for LOB applications

<div class="app-alignment">
    
    <p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
        Aligns
    </p>
    <p class="text-left">text-left</p>
    <p class="text-right">text-right</p>
    <p class="text-center">text-center</p>

    <p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
        Positions
    </p>
    <p class="position-relative ">position-relative</p>
    <p class="">position-fixed</p>

    <md-card class="lm0">
        <div class="position-relative h110">
            <p class="position-top      ">position-top     </p>
            <p class="position-bottom   ">position-bottom  </p>
            <p class="position-right    ">position-right   </p>
        </div>

    </md-card>
    <md-card class="lm0">
        <div class="position-relative h110">
            <p class="position-fill bg-color-7">position-fill    </p>
        </div>
    </md-card>


</div>