html - Foundation 6 内联显示元素

Question

我正在为这个问题苦苦挣扎。我试图显示彼此相邻的元素(水平)，但我无法实现这种行为。

HTML:

<span>
<p>Enter text:</p>
<input type="text" name="">
</span>

CSS:

.span{
    display: inline-block;
}

Answer 1

只需进行此更改

span *{
  display:inline-block;
}

<span>
<p>Enter text:</p>
<input type="text" name="">
</span>
<span>
<p>Enter text:</p>
<input type="text" name="">
</span>