css 元素定位问题

Question

如图，两个字段，在纵向有 错位 的位置关系。两个字段的长度都不固定，好像用 position 定位就不行了。
一般如何实现？

Answer 1

<p>
    <span>人员</span>
    <span id='top'>PERSON</span>
<p>

#top {
    vertical-align: top;
}

Answer 2

用 position: relative。position:relative 元素会占据它本来要占有的位置，同时可以用定位属性调整，比如 top:-2px。