我正在用react，html和css设计我的主页的页眉，在页眉中我有一个button和一个h2标签，每个标签都在不同的div标签中，我对这些元素应用display：flex，然后用justify-content属性移动它们。
在我有按钮的div中，我有属性：理由内容：end，它把它放在它的末尾，这很好，但是在我有h2标签的div中，我把justify-content放在：start，但是没有把它放在div标签的开头，为什么会这样，我该怎么办？
"从" ../../hooks/useBlockchain "导入{useBlockchain};导入'./EncabezadoHome.css'
导出常量EncabezadoHome =（）=〉{

const {wallet, web3Provider, connectWallet} = useBlockchain();

return (
    <header>
        <div className={"container-header-home"}>

            <div className={"logo-header-home"}>
                <h2>Emprendamos</h2>
            </div>

            <div className={"button-header-home"}>
                <button onClick={connectWallet}>Conectar Wallet</button>
            </div>

        </div>
    </header>

);

};
'
EncabezadoHome.css:

.container-header-home {
    display: flex;
    padding-top: 20px;
}

.logo-header-home {
    display: flex;
    flex: 1;
    justify-content: start;
}

.logo-header-home h2 {
    padding-left: 20px;
    color: white;
}

.button-header-home {
    display: flex;
    flex: 1;
    justify-content: end;
    padding-right: 20px;
}

.button-header-home button {
    color: #ffffff;
    background-color: #1D9BF0;
    width: 200px;
    height: 50px;
    border-radius: 10px;
}