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

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 -->
    <dt>...</dt>

    <!-- Property value -->
    <dd>...</dd>
</dl>

Use cases

Name
WebAssembly in Action
Author
Gerard Gallant
Publishing date
November 2019
ISBN
9781617295744

Related patterns

Dot leader

Menu

Split navigation

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