Html 如何使用CSS在行内定位文本？

我有两个并排的div，左div中的文本比右div中的文本小一点，但两个div的行高相同。如何在相应的行中向上或向下定位左div中的文本以使其更好地对齐

JS小提琴：

。左{
显示：内联块；
浮动：左；
文本对齐：右对齐；
字体大小：10px；
线高：14px；
}
.对{
显示：内联块；
文本对齐：左对齐；
左侧填充：5px；
溢出：隐藏；
字体大小：12px；
线高：14px；
}

姓名：

年龄：

职业：
凯文

三十

工程师

一种方法是将其位置设置为相对，然后给它一个顶部（或底部）值

。左{
显示：内联块；
浮动：左；
文本对齐：右对齐；
字体大小：10px；
线高：14px；
位置：相对位置；
顶部：3px；
}
.对{
显示：内联块；
文本对齐：左对齐；
左侧填充：5px；
溢出：隐藏；
字体大小：12px；
线高：14px；
}

姓名：

年龄：

职业：
凯文

三十

工程师

只需在

.left

div中将

位置设置为
relative
，然后使用
top
属性向上或向下移动块

.left {
    ...
    position: relative;
    top: -1px;
    ...
}

为什么不改变线的高度，直到它正确对齐？（也许你想要一种更干净的方式……）这不是太远了吗？我不知道他想要多远。这只是一个例子；-）