当第二行使用span元素时，对齐两行文本的正确html代码是什么？

我正在尝试使用html代码格式化两行文本。这些用于描述艺术品的WP metaslider标题。

正文的第一行是一个简单明了的标题。

第二行正文分为两部分：

• 对所用介质的中心描述
• 照片信用，以较小的字体向右浮动，因此与文本的其余部分分开，但在同一第二行，因为我需要节省空间

我已经使用span在第二行中分隔了文本的这两部分

这几乎是可行的，但是第一行的文本和第二行第一部分的文本没有相对居中。

代码如下：

<p style="text-align: center; font-family: LATO; font-size: 12px;">« L'oiseau »
<p style="text-align: center; font-family: LATO; font-size: 10px;">Pierre calcaire
<span style="float: right; font-family: LATO; font-size: 7px;">Photo : Peter Pan</span>
</p>

«L'oiseau»
皮埃尔·卡卡尔
照片：彼得潘

我找到了一个解决办法，在第二行的第一部分添加了-70px的文本缩进，但由于我有许多具有类似标题格式的幻灯片，我需要一个更简洁的方法

如果需要，我可以将css添加到样式表中

非常感谢您抽出时间

---

Polly

在包含p的标签上使用行高

«L'oiseau»
Pierre Calcare
照片：彼得潘

您可以使包含段落的段落在其上具有相对位置，并且跨度在右侧具有绝对位置：

<p style="text-align: center; font-family: LATO; font-size: 12px;">« L'oiseau »
<p style="text-align: center; font-family: LATO; font-size: 10px; position: relative;">Pierre calcaire
<span style="font-family: LATO; font-size: 7px; position: absolute; right: 0px;">Photo : Peter Pan</span>
</p>

«L'oiseau»
皮埃尔·卡卡尔
照片：彼得潘

太好了，正是我需要的。非常感谢你！很高兴它有帮助！别忘了将你的问题标记为已回答：）更改线条高度并不能满足我的需要。谢谢你的帮助。