<div class="webring-container">
    <div class="webring-row">
        <span>〔</span>
        <a href="https://www.rainbowcemetery.com/devring">GAMEDEV WEBRING</a>
        <span>〕</span>
    </div>
    <div class="webring-row">
        <span>〔</span>
        <a href="https://www.rainbowcemetery.com/devring/prev.php?id=0">↫ PREV</a>
        <a href="https://www.rainbowcemetery.com/devring/rand.php?id=0">RAND</a>
        <a href="https://www.rainbowcemetery.com/devring/list.php?id=0">LI<i>S</i>T</a>
        <a href="https://www.rainbowcemetery.com/devring/next.php?id=0">NEXT ↬</a>
        <span>〕</span>
    </div>
</div>

<style>
    .webring-container {
        display: flex;
        width: fit-content;
        flex-direction: column;
        align-items: center;
        margin: 16px auto;
    }
    .webring-row a {
        margin: 0 4px;
        text-decoration: none;
    }
    .webring-row {
        font-family: 'Space Mono';
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
</style>