带有文档格式的HTML错误

我正在为我参与的一个非营利组织键入一份文档，目前我正在处理第一页顶部的标题

它应该是同一行的两个标题，一个左对齐，另一个右对齐，都是13px粗体文本。它也应该位于文档标题的正上方，以

文本样式为中心

一切都进行得很顺利，除了头球都是左对齐的，我一辈子都搞不清楚我做错了什么。我知道它不是我的浏览器，因为StackEdit和WordPress都无法识别它。我让两个朋友看了看，他们也不知道出了什么问题

我认识到我可能把事情搞砸了，因为我还在学习HTML（我还没有学习CSS），但到目前为止我还没有意识到这一点

这就是我所拥有的：

<span style="text-align:left; font-size:13px"><b>Project Name</b></span>
<span style="text-align:right; font-size:13px"><b>Branch Name, Org 
Name</b></span>
<div style=text-align:center><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织
名称
文件名1-PubDate

这就是你想要做的吗？使用

float

css属性

<span style="float:left; font-size:13px"><b>Project Name</b></span>
<span style="float:right; font-size:13px"><b>Branch Name, Org Name</b></span>
<div style="text-align:center;clear:both"><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织名称
文件名1-PubDate

这就是你想要做的吗？使用

float

css属性

<span style="float:left; font-size:13px"><b>Project Name</b></span>
<span style="float:right; font-size:13px"><b>Branch Name, Org Name</b></span>
<div style="text-align:center;clear:both"><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织名称
文件名1-PubDate

这就是你想要做的吗？使用

float

css属性

<span style="float:left; font-size:13px"><b>Project Name</b></span>
<span style="float:right; font-size:13px"><b>Branch Name, Org Name</b></span>
<div style="text-align:center;clear:both"><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织名称
文件名1-PubDate

这就是你想要做的吗？使用

float

css属性

<span style="float:left; font-size:13px"><b>Project Name</b></span>
<span style="float:right; font-size:13px"><b>Branch Name, Org Name</b></span>
<div style="text-align:center;clear:both"><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织名称
文件名1-PubDate

您正在对齐内联元素的文本，而不是对齐元素本身。如果您检查并查看跨距，则跨距仅与跨距内的文本一样大。如果将宽度设置为“显示：内联块”，然后将宽度设置为50%，并根据需要对齐文本，则可以设置宽度：

项目名称
分支机构名称，组织名称
文件名1-PubDate

您正在对齐内联元素的文本，而不是对齐元素本身。如果您检查并查看跨距，则跨距仅与跨距内的文本一样大。如果将宽度设置为“显示：内联块”，然后将宽度设置为50%，并根据需要对齐文本，则可以设置宽度：

项目名称
分支机构名称，组织名称
文件名1-PubDate

您正在对齐内联元素的文本，而不是对齐元素本身。如果您检查并查看跨距，则跨距仅与跨距内的文本一样大。如果将宽度设置为“显示：内联块”，然后将宽度设置为50%，并根据需要对齐文本，则可以设置宽度：

项目名称
分支机构名称，组织名称
文件名1-PubDate

您正在对齐内联元素的文本，而不是对齐元素本身。如果您检查并查看跨距，则跨距仅与跨距内的文本一样大。如果将宽度设置为“显示：内联块”，然后将宽度设置为50%，并根据需要对齐文本，则可以设置宽度：

项目名称
分支机构名称，组织名称
文件名1-PubDate

尝试使用div而不是span，如以下示例所示：

<div style="float:left; text-align:left; font-size:13px; display:inline-block;"><b>Project Name</b></div>
<div style="float:right; text-align:right; font-size:13px; display:inline-block;"><b>Branch Name, Org 
Name</b></div>
<div style="clear:both;"></div>
<div style="text-align:center;"><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织
名称
文件名1-PubDate

---

希望这能有所帮助。致以最诚挚的问候，

尝试使用div而不是span，如以下示例所示：

<div style="float:left; text-align:left; font-size:13px; display:inline-block;"><b>Project Name</b></div>
<div style="float:right; text-align:right; font-size:13px; display:inline-block;"><b>Branch Name, Org 
Name</b></div>
<div style="clear:both;"></div>
<div style="text-align:center;"><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织
名称
文件名1-PubDate

---

希望这能有所帮助。致以最诚挚的问候，

尝试使用div而不是span，如以下示例所示：

<div style="float:left; text-align:left; font-size:13px; display:inline-block;"><b>Project Name</b></div>
<div style="float:right; text-align:right; font-size:13px; display:inline-block;"><b>Branch Name, Org 
Name</b></div>
<div style="clear:both;"></div>
<div style="text-align:center;"><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织
名称
文件名1-PubDate

---

希望这能有所帮助。致以最诚挚的问候，

尝试使用div而不是span，如以下示例所示：

<div style="float:left; text-align:left; font-size:13px; display:inline-block;"><b>Project Name</b></div>
<div style="float:right; text-align:right; font-size:13px; display:inline-block;"><b>Branch Name, Org 
Name</b></div>
<div style="clear:both;"></div>
<div style="text-align:center;"><h1>Document Name 1-PubDate</h1></div>

项目名称
分支机构名称，组织
名称
文件名1-PubDate

希望这能有所帮助。非常感谢，

，因为

默认为

display:inline

，这意味着它只会随着内容的宽度增长。尝试显示：内联块。还可以使用

float

消除它们之间的空白：

span.header
{
显示：内联块；
宽度：50%；
字体大小：13px；
字体大小：粗体；
}
span.header.left
{
浮动：左；
文本对齐：左对齐；
}
span.header.right
{
浮动：对；
文本对齐：右对齐；
}
部门文件
{
明确：两者皆有；
}

项目名称
分支机构名称，组织名称
文档名称1-PubDate

，因为

默认为

显示：内联

，这意味着它只会随着内容的宽度增长。尝试显示：内联块。还可以使用

float

消除它们之间的空白：

span.header
{
显示：内联块；
宽度：50%；
字体大小：13px；
字体大小：粗体；
}
span.header.left
{
浮动：左；
文本对齐：左对齐；
}
span.header.right
{
浮动：对；
文本对齐：右对齐；
}
部门文件
{
明确：两者皆有；
}

项目名称
分支机构名称，组织名称
文档名称1-PubDate

，因为

默认为

显示：内联

，这意味着它只会随着内容的宽度增长。尝试显示：内联块。还可以使用

float

消除它们之间的空白：

span.header
{
显示：内联块；
宽度：50%；
字体大小：13px；
字体大小：粗体；
}
span.header.left
{
浮动：左；
文本对齐：左对齐；
}
span.header.right
{
浮动：对；
文本对齐：右对齐；
}
部门文件
{
明确：两者皆有；
}

项目名称
分支机构名称，组织名称
文档名称1-PubDate

，因为

默认为

显示：内联

，这意味着它只会随着内容的宽度增长。尝试显示：内联块。还可以使用

float

消除它们之间的空白：

span.header
{
显示：内联块；
宽度：50%；
字体大小：13px；