基础6显示元素内联

Question

我正在努力解决这个问题。我试图显示彼此相邻的元素（水平），但我无法实现这种行为。

HTML：

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

CSS：

.span{
    display: inline-block;
}

Answer 1

只需进行此更改

＆＃13;

＆＃13;

span *{
  display:inline-block;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

我们在这里遇到了一些问题..

首先你需要更加谨慎地使用你使用的css选择器（.span引用class名为 span 而不是span element）和我猜this链接可能有用。

，第二个是你要设计样式，但是你需要设置你想要彼此相邻的元素的样式，我强烈建议你也阅读this。

是你的答案

HTML

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

和CSS

.a{
    display: inline-block;
}
.b{
    display: inline-block;
}

这样你应该得到你想要的东西。