Split navigation

CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed
<ul style="
    /* Content is centered horizontally */
    align-items: center;
    display: flex;

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

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

Related patterns

Dot leader


Property list

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