Javascript 如何在导航栏中居中h1

我试图在导航栏上居中显示文本，但没有成功。我错过了什么

//导入外部模块
从“React”导入React，{Component}；
进口{
导航栏
}从“反应带”；
进口{
菜单
}从“反应羽毛”；
类ThemeNavbar扩展组件{
handleClick=e=>{
这个.props.toggleSidebarMenu（“打开”）；
};
render（）{
返回(
我居中
);
}
}
导出默认ThemeNavbar
我相信您希望在这里使用的规则是：
textAlign:'center'
。
假设您的
h1
没有覆盖它的规则，它应该从包含它的
div
继承它。否则，请尝试将此规则添加到
h1
本身。
我希望这能有所帮助。
我是中心人物
<h1 style={{ textAlign: "center"}}> I am centered </h1>

您是否尝试过
textAlign:'center'
？您的代码段不起作用。到目前为止，您尝试过什么？你能给我们展示一下你的代码（你当前的代码段不能正常运行）的一个最小的、有效的例子吗？这样我们就可以为元素添加一个宽度，这样它就可以将内部元素居中。这不是一个React问题，而是一个HTML/CSS问题。也许您可以只显示结果HTML/CSS