Html 如何对代码进行编码，使文本显示在圆圈内而不是圆圈外？

所以我有一个问题，我有一个圆圈，当我想在圆圈里写点东西时，它从圆圈外开始。 我想这是因为它以前是一个街区，但我只是用

边界半径：50%

把它做成了一个圆圈。 我应该如何编写代码以使文本显示在圆圈中

#m{
高度：100px；
宽度：100px；
边界半径：50%；
背景色：森林绿；
利润率：10px；
}

呜呜呜呜

可以使用flex将文本居中

#m{
高度：100px；
宽度：100px；
边界半径：50%；
背景色：森林绿；
利润率：10px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}

呜呜呜呜

我在你的风格中添加了以下三行：

  text-align: center;
  vertical-align: center;
  line-height: 100px;

你可以看到下面的结果

#m{
高度：100px；
宽度：100px；
边界半径：50%；
背景色：森林绿；
利润率：10px；
文本对齐：居中；
垂直对齐：居中；
线高：100px；
}

---

bla bla bla

一本关于感谢你兄弟的好书这本书适合少量文本（即你知道会适合的文本），但在皮肤下，div仍然是一个矩形，有大量文本，你会得到圆圈外的文本。有人知道有什么好方法可以迫使文本保持在圆圈内（即顶部的短线，朝中心越来越长）？谢谢兄弟：DD