Html 将跨度垂直居中后水平居中

在经历了学习如何在div中垂直居中跨度的漫长过程之后，最后，尽管设置了text align:center，但我的文本内容不再水平居中。另外，非常奇怪的是，只有当跨距内的文本换行到第二行时，水平居中才起作用

enter code here

<div class="tier_blurb dh"> 
   <div class="blurb_title">
      <span>Assign ownership</span>
   </div>Engage your team to align business process responsibilities to their respective owners while performing initial cost benefits analysis on the business opportunities available</div>
</div>

.blurb_title {
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.95em;
    letter-spacing: -1px;
    margin-bottom: 10px;
    height: 43px;
    display: table-cell;
}

.blurb_title span {
    vertical-align: middle;
}

在此处输入代码
转让所有权
让您的团队与各自的所有者协调业务流程责任，同时对可用的业务机会进行初始成本效益分析
.blurb_标题{
文本对齐：居中；
垂直对齐：中间对齐；
文本转换：大写；
字号：700；
字号：0.95em；
字母间距：-1px；
边缘底部：10px；
高度：43px；
显示：表格单元格；
}
.blurb_标题范围{
垂直对齐：中间对齐；
}

您需要为

.blurb_title

定义

宽度

属性，因为任何没有指定宽度的表格单元格都将获得其内容的宽度

.blurb\u标题{
垂直对齐：中间对齐；
文本对齐：居中；
文本转换：大写；
字号：700；
字号：0.95em；
字母间距：-1px；
边缘底部：10px；
高度：43px；
显示：表格单元格；
边框：1px纯绿色；
宽度：100vw；
}

转让所有权
让您的团队与各自的所有者协调业务流程责任，同时对可用的业务机会进行初始成本效益分析

您需要为

.blurb_title

定义

宽度

属性，因为任何没有指定宽度的表格单元格都将获得其内容的宽度

.blurb\u标题{
垂直对齐：中间对齐；
文本对齐：居中；
文本转换：大写；
字号：700；
字号：0.95em；
字母间距：-1px；
边缘底部：10px；
高度：43px；
显示：表格单元格；
边框：1px纯绿色；
宽度：100vw；
}

转让所有权
让您的团队与各自的所有者协调业务流程责任，同时对可用的业务机会进行初始成本效益分析

请注意，如果未指定宽度属性或未将其设置为100%，则中心对齐不起作用。

请注意，如果未指定宽度属性或未将其设置为100%，则中心对齐不起作用。

您可以使用Flex box：

.blurb_title {
    align-items: center;
    display: flex;
    vertical-align: middle;
}

---

您可以使用Flex box：

.blurb_title {
    align-items: center;
    display: flex;
    vertical-align: middle;
}

遵循参考资料和

您也可以使用CSS Flex box（我的建议）

显示：flex；
对齐项目：居中；
证明内容：中心


.blurb\u标题{
边框：1px纯绿色；
文本对齐：居中；
线高：50px；
字体大小：粗体；
文本转换：大写；
}

转让所有权
让您的团队与各自的所有者协调业务流程责任，同时对可用的业务机会进行初始成本效益分析
遵循参考和

您也可以使用CSS Flex box（我的建议）

显示：flex；
对齐项目：居中；
证明内容：中心


.blurb\u标题{
边框：1px纯绿色；
文本对齐：居中；
线高：50px；
字体大小：粗体；
文本转换：大写；
}

转让所有权
让您的团队与各自的所有者协调业务流程责任，同时对可用的业务机会进行初始成本效益分析
一些提示：您有一个额外的结束语
，应该删除它。我不会使用
display:table单元格
使
span
居中-这就是为什么它没有居中，因为
div
正在缩小以适合文本而不是容器的宽度。你到底想要什么结果？这可能是从另一个角度来解决的。请修复您的代码，您在“使用您的…”之前忘记了一个
。几点提示：您有一个额外的关闭
，应该删除它。我不会使用
display:table单元格
使
span
居中-这就是为什么它没有居中，因为
div
正在缩小以适合文本而不是容器的宽度。你到底想要什么结果？这可能是从另一个角度来解决的。请修复您的代码，您在“启动您的…”之前忘记了一个