pip-webui/pip-webui-css/samples/css_components/dividers.html

HTML5 UI for LOB applications

<p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
    Divider
</p>

<p class="text-subhead2 h48 m0 bm8 layout-row layout-align-start-center">
    Standard divider. With top and bottom margins 8рх
</p>

<md-card>
    <div class="p24-flex">
        Some text on card
        <div class="pip-divider"></div>
        Some text on card
    </div>

</md-card>

<p class="text-subhead2 h48 m0 bm8 layout-row layout-align-start-center">
    Divider for tiles. With top and bottom margins 8рх
</p>

<md-card style="padding: 1px">
    <div class="p24-flex">
        Some text on card
        <div class="pip-tile-divider"></div>
        Some text on card
    </div>

</md-card>

<p class="text-subhead2 h48 m0 bm8">
    Divider for list. With top and bottom margins 8рх
</p>

<md-card>
    <div class="p24-flex">
        Some text on card
        <div class="pip-list-divider"></div>
        Some text on card
    </div>

</md-card>