Html h1具有3种不同的文本对齐属性

我尝试使用

将一个h1标记分成3行，并具有不同的

文本对齐属性


h1{
位置：相对位置；
}
h1#首先{
文本对齐：左对齐；
}
h1#秒{
文本对齐：居中；
}
h1#第三{
文本对齐：右对齐；
}
First
Middle
Last
使用flex属性。非常简单、干净、高效


h1{
显示器：flex；
弯曲方向：立柱；
}
#首先{
自我校准：灵活启动；
}
#第二{
自对准：居中；
}
#第三{
自对准：柔性端；
}

弗斯特
中间的
最后
添加此CSS

h1 span{
    display:block;
}

span是内联元素。所以文本对齐不起作用，因为它没有占据容器的全部宽度

或者将ID添加到h1标记并从span中删除。然后它就可以正常工作了
文本对齐
只在块级元素上工作，所以不能在块级元素上工作。