Html 如何在div中居中放置文本？

如何使div id=“tools”中的文本在创建为导航条的div中居中并以均匀间隔排列

这是我的CSS和HTML是第二个

#学习{
显示：内联；
背景色：白色；
字体大小：1.1米；
}
#标志{
显示：内联；
背景色：白色；
字体大小：1.1米；
}
#发现{
显示：内联；
背景色：白色；
字体大小：1.1米；
}
#关于{
显示：内联；
背景色：白色；
字体大小：1.1米；
}
.工具导航{
高度：50px；
宽度：1000px；
背景色：白色；
边框：2件深天蓝纯色；
边界半径：15px；
保证金：自动；
线高：50px；
文本对齐：居中；
}

了解更多
注册
找到一项任务
关于亚诺

尝试将此添加到css中

.toolnav {

text-align:center;

}

---

这将使文本位置居中。

添加

行高：50px到您的主分区


#工具{
显示：内联；
背景色：白色；
字体大小：1.1米；
}
.工具导航{
高度：50px；
线高：50px；
宽度：1000px；
背景色：白色；
边框：2件深天蓝纯色；
边界半径：15px；
保证金：自动；
边缘顶部：100px；
文本对齐：居中；
}

了解更多
注册
找到一项任务
关于亚诺
看看flex box。另外，
id
s需要是唯一的。谢谢你的帮助。现在你知道如何使每一段文字的间隔相等吗？我还编辑了HTML和CSS，所以请看一下我有什么。是的，但既然你的问题被标记为重复，你应该重写它，以考虑到相等的间距方面。