Day three of practice, I can't get my syntax right to center these links.

[Enishi]

<div class="link-box">
    <span class="link">
        <a href="home.html">HOME</a>
    </span>
    <span class="link">
        <a href="contact.html">CONTACT</a>
    </span>
    <span class="link">
        <a href="portfolio.html">PORTFOLIO</a>
    </span>
</div>
 
.link-box > #link {
display: flex;
align-items: center;
justify-content: center
}
 

My edits only return black text.

[gits]

you are using the id-selector (#) but you probably want to use the class-selector (.).

[AjayGohil]

Hello,Your Code is Right but you use id selector for selecting element in css and in html you use class for defining link.
And you can use below code for centering element inline.

<div class="link-box">
        <span class="link">
            <a href="home.html">HOME</a>
        </span>
        <span class="link">
            <a href="contact.html">CONTACT</a>
        </span>
        <span class="link">
            <a href="portfolio.html">PORTFOLIO</a>
        </span>
    </div>
 
 
.link-box {
display: flex;
align-items: center;
justify-content: center;
}
.link-box > .link {
padding: 10px;
}