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

Split navigation

<ul style="
    /* Content is centered horizontally */
    align-items: center;
    display: flex;

    /* Reset styles */
    list-stype-type: none;
    margin: 0;
">
    <!-- Navigation item -->
    <li>
        <a href="">...</a>
    </li>

    <!-- Navigation item that sticks to the right -->
    <li style="
        /* Sticks to the right */
        margin-left: auto;
    ">
        <a href="">...</a>
    </li>
</ul>

Related patterns

Dot leader

Menu

Property list

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