试图在我的反应代码中理解 CSS 中的 Justify 内容。我尝试使用 justify content: space between 但它不起作用

Question

`//My HTML code
<div>
<div className="picbot">PicBot</div>

<ul className="navbarlist">
<li>Overview</li>`your text`
<li>Examples</li>
<li>Tour</li>
<li>Blog</li>
<li>Help</li>
</ul>
            
<button className="download">Download</button>
</div>`

// My CSS code
.navbarlist {
list-style: none;
display: inline-flex;
flex-direction: row;
color: rgb(192, 190, 190);
font-size: 18px;
font-weight: 600;
justify-content: space-between;

}

我应用了 justify content: space between ul tag with className of .navbarlist expected the items on the list to space out evenly 但他们没有（我在 html 中使用 className 而不是 class 因为它是用 jsx 编写的）