html - 将 DIV 向上移动一行

Question

是否有任何 CSS 属性可以将“Paul D Kelly”移动到 Member 的前面。我有这个要求，我不能在除 Paul D Kelly Span 的父 div 之外的任何其他 DIV 中添加任何属性。我在上面尝试了几个显示值，但前提是我在 Member 和 Paul D Kelly div 上都给出了 display:inline-block，它们会排成一行，但我想找到一种方法，通过在中添加一个属性来使它们排成一行Paul D Kelly DIV.

<div style="position:absolute; top:17.8pt; left:40.8pt; width:223.8pt; height:54pt; border:0pt solid black;border:1px solid red">
    
    
<div style="position:relative;width:62pt;height:15.25pt; line-height:0.5;">
<span style="white-space:pre-wrap; line-height:12pt; font:normal 10pt Helvetica; color:rgb(0,0,0)">Member:</span>
</div> 

<div style=" position:relative; left:2.16pt;width:92pt;height:12pt; line-height:0.5;">
<span style="white-space:pre-wrap; line-height:12pt; font:normal 10pt Helvetica; color:rgb(0,0,0)">PAUL D KELLEY</span>
</div> 
    
    
</div> 

Answer 1

您可以使用display:flex 或display:inline-flex

检查 jsfiddle:

http://jsfiddle.net/swapnilmotewar/p8nf67d5/