将文本放在标题的中间/中间 - Put text in center/middle in header

Put text in center/middle in header

本文关键字：中间标题文本 | 更新日期: 2023-09-27

我想将文本ONLINE NEWS SERVICE垂直和水平对齐center正好放在标题的中间

但是，如果我添加具有所有可能的中间和中心设置的<span align="center" style="text-align:center;align-content:center; vertical-align:middle;">ONLINE NEWS SERVICE</span>，则文本不会出现在水平和垂直的中间和中心对齐中。

试试这个一次

span.title{
  display:block;
margin:0px auto !important;
  text-align:center;
}

	<!-- To display online news text -->
	<span class="title">ONLINE NEWS SERVICE</span>

文本通常也不会按预期对齐，因为它是容器的子元素，它没有您认为的那么多宽度(所以也许您应该检查以下宽度：

<header id="masthead">

(，或者包含文本的元素未被设置为块级元素的样式，其宽度覆盖了您希望文本集中的整个区域;因此，您也可以尝试：

header#masthead span {
display:block;
width:100%;
text-align:center
}

首先，您应该需要设置中间跨度的宽度。这就是你的css的外观。

element.style {
  float: left;
  text-align: center;
  width: 50%;
}