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