Html 将跨度图元居中（垂直）

我在一个div中有一个span，我正在尝试将其居中（即，我希望span中的文本[为什么学习音乐]直接位于div的中心（水平和垂直）。垂直对齐到目前为止不起作用。 附件是text.JS Fiddle当前状态的图片：

图片：

---

尝试使用假图像：

<img width="0" height="the height of the container div" align="middle" />

---

应该可以。

我试着在文本或span中添加了以下内容

margin-top:-350px; 

它工作得很好，对您也适用，如果不行，则将跨度更改为div，并将相同的边距顶部添加到负值，您就完成了

您可以使用flexbox

div {display:flex; justify-content:center;} /*vertical align*/

span {align-self:center;} /*horizontal align*/

---

这将你的跨度放在你的div的中间。

把跨度变为一个div，然后使用余量前10%个文本，它工作了…谢谢！我假设跨度只是奇怪的属性，我不知道LOL。