Html 将所有类型的文本保留在一行上

问题：

我正在我的个人网站上工作，但我有一个问题。 我想受益于标题（h1和h2）为我的搜索引擎优化。但当我改变台词中的特定词语时，它们只是“跳”到彼此的下方和上方。你怎么能解决这个问题

注意

我还制作了一个JSFIDLE，以更清楚地说明我有什么问题，您可以在这里找到：

h1.small{
字体大小：13px；
颜色：#787878；
填充：0；
边界：0；
字体：继承；
垂直对齐：基线；
溢出：隐藏；
空白：nowrap；
}
h2.小{
字体大小：13px；
颜色：#787878；
填充：0；
边界：0；
字体：继承；
垂直对齐：基线；
溢出：隐藏；
空白：nowrap；
}
p{
颜色：#787878；
字体大小：13px；
}

你好！米恩·纳姆是 ***********，ik ben een*********************开发者en Grafisch*******************************************************************************************************给标题（

h1

和

h2

）一个

显示：内联

。默认值为

块

h1.small{
字体大小：13px；
颜色：#787878；
填充：0；
边界：0；
字体：继承；
垂直对齐：基线；
溢出：隐藏；
空白：nowrap；
显示：内联；
}
h2.小{
字体大小：13px；
颜色：#787878；
填充：0；
边界：0；
字体：继承；
垂直对齐：基线；
溢出：隐藏；
空白：nowrap；
显示：内联；
}
p{
颜色：#787878；
字体大小：13px；
}

你好！米恩·纳姆是

---

******************，ik ben een******************************************************************************************************************************************************************************************doormiddel van een goede网站/goede huisstijl网上商店。*******************************************************************************************。Na velen jaren leren kan ik网站******************

值得注意的是，标题标签不应该是

p

标签的子标签。一个p标签应该只包含语法内容，你也应该建议使用一个可以容纳其他块的块元素，div是中性的，在这里很好，p只用于内联内容（语法内容），这会带来无效的HTML。