css - 为什么垂直对齐是:text-top; not working in CSS

Question

我想将一些文本对齐到 div 的顶部。看起来 vertical-align: text-top; 应该可以解决问题，但它不起作用。我所做的其他事情，例如将 div 放入列中并显示虚线边框(这样我可以看到 div 的顶部在哪里)都可以正常工作。

#header_p { 
    font-family: Arial;
    font-size: 32px;
    font-weight: bold;
}
#header_selecttxt {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    vertical-align: text-top;
}
#header_div_left { 
    float: left; 
    width: 50%;
    border: dashed;
    vertical-align: top;
}
#header_div_right { 
    margin-left: 50%;
    width: 50%;
    border: dashed;
}

Answer 1

vertical-align 属性只适用于行内元素。它对 block 级元素没有影响，比如 div。此外，text-top 仅将文本移动到当前字体大小的顶部。如果您想将内联元素垂直对齐到顶部，只需使用它即可。

vertical-align: top;

段落标签没有过时。此外，应用于 span 元素的垂直对齐属性在某些 mozilla 浏览器中可能无法按预期显示。