position - 跨度被强制显示为 block

Question

我有一些 <span>在 <div> 里面位于absolute .

<div class="post">
<div class="post-main">
    <h3>Title</h3>
    <div class='post-meta'>
        <div> <!-- These 2 spans are supposed to be displayed in ONE line -->
            <span class='post-meta-key'>Field#1</span>
            <span class='post-meta-value'>5-3</span>
            </div>
        <div>...

.post {position:relative;}
.post-main {position: absolute; left:80%; top:80%;}

这应该可以按我的意愿工作，但跨度正在折叠成新行。为什么？什么是修复？

Answer 1

使用:

span {
display:inline-block;
}