Как сделать строки в одну линию с учётом, что у них position relative?

Question

[Ingernirated]

Всем привет!
Есть такой пример, подскажите, как сделать так, чтобы тексты шли по горизонтали, а не вертикально и вторая имела небольшой отступ от первой?
position:relative обязателен
А так же то, что сразу блок none, а после уже block
https://jsfiddle.net/d64oq79u/4/

Answer 1

[BigSmoke]

display: flex; для .box

Comments

[Ingernirated]

спасибо!

Answer 2

[0xD34F]

.box > p {
  display: inline-block;
}

или

.box {
  display: flex;
}

Comments

[Ingernirated]

спасибо!

[Сергей Горячев]

Ingernirated, https://jsfiddle.net/d64oq79u/3/ странное как-то пробовал)

[Ingernirated]

Сергей Горячев, не заметил .box > p, я к боксу применял )