Property list

<!-- A property item -->
<dl class="container">
<!-- Property name -->
<dt>...</dt>
<!-- Property value -->
<dd>...</dd>
</dl>
.container {
/* 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;
}

Use cases

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

See also

Dot leader

Menu

Split navigation