Html 如何在div框中心对齐溢出文本？

我的问题是：

我的标题词在div框中溢出了。原因是单词大小比div的宽度宽，我设置了“nowrap”规则。它显示如下：

我希望单词“格式化相机”在div框的中心轴对齐，这样它会使F的一部分向左溢出，而A的一部分向右溢出。我该怎么做？以下是我的简单CSS代码：

.content {
  text-align: center;
}

h1(FORMAT CAMERA) {
  color: white;
  font-size: 50px;
  font-family: "Rubik", sans-serif;
  line-height: 1.4;
  white-space: nowrap;
}

---

只需将

display:flex

和

justify content:center

添加到

.content

了解更多关于惊奇的信息

.content{
文本对齐：居中；
边框：实心1px#333；
宽度：300px；
保证金：0自动；
显示器：flex；
证明内容：中心；
}
h1{
颜色：黑色；
字体大小：50px；
字体系列：“魔方”，无衬线；
线高：1.4；
空白：nowrap；
}

格式化照相机

这有点老套，但它可以工作。它是通过向h1标签添加100%的左边距和右边距来实现的。这基本上是相对于窗口的大小在任意一侧以相等的量“拉动”元素，迫使其溢出content div

我添加了一个

.outerspace

包装，带有

overflow:hidden

，以防止出现水平滚动

.outerspace{
溢出：隐藏；
}
.内容{
文本对齐：居中；
宽度：400px；
保证金：0自动；
背景：粉红色；
}
h1{
颜色：红色；
字体大小：55px；
字体系列：“魔方”，无衬线；
空白：nowrap；
左边距：-100%；
保证金权利：-100%；
}

同侧阴唇

格式化照相机
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

欢迎来到StackOverflow！谢谢你提供你的CSS，但是你能同时提供相关的HTML吗？没有它很难复制这个。如果您可以更新您的问题以在一个列表中列出所有相关代码，这将有所帮助。如果您的HTML是在服务器端生成的，请发布输出。有关更多信息，请参阅有关的帮助文章，并点击：）