CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed

Property list

<!-- A property item -->
<dl style="
    /* Content is center horizontally */
    align-items: center;
    display: flex;

    The property name will stick to the left, and the value
    will stick to the right
    justify-content: space-between;

    border-bottom: 1px solid rgba(0, 0, 0, 0.3);

    /* Spacing */
    margin: 0px;
    padding: 8px 0px;
    <!-- Property name -->

    <!-- Property value -->

Use cases

WebAssembly in Action
Gerard Gallant
Publishing date
November 2019

Related patterns

Dot leader


Split navigation

Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!