Как центрировать элементы в файле .jsx? [дубликат] ⇐ CSS

[Anonymous]

Я только начинаю заниматься веб-разработкой. В настоящее время я изучаю Node.js и React с Vite. Я не мог правильно центрировать меню заголовка, и все, что я нашел в Интернете, не работало. Наверное, это что-то очень элементарное, но, как я уже сказал, я новичок.
Спасибо за помощь!

Код: Выделить всё

function Header() {
const ulStyle = {
display: "flex",
flexDirection: "row",
backgroundColor: "#2b2b2b",
alignItems: "center"
}
const liStyle = {
flexGrow: "1",
flexBasis: "0",
position: "relative"
}
return (

Website

[list]
[*][url=#]Home[/url]
[*][url=#]About[/url]
[*][url=#]Services[/url]
[*][url=#]Contact[/url]
[/list]


);
}

Или в простом HTML

Код: Выделить всё

.ulStyle {
display: flex;
flex-direction: row;
background-color: #2b2b2b;
align-items: center;
}

.liStyle {
flex-grow: 1;
flex-basis: 0;
position: relative;
}

Код: Выделить всё

Website

[list]
[*][url=#]Home[/url]
[*][url=#]About[/url]
[*][url=#]Services[/url]
[*][url=#]Contact[/url]
[/list]

Подробнее здесь: https://stackoverflow.com/questions/787 ... n-jsx-file