html - 将之后的元素内联到 block 元素

Question

这是简单的html

<p> some text here </p>
<a href="#">more</a>

还有我试过的css

p+a{
  color: #f00; 
  display: inline-block;
  /* also tried float: left; */
}

将输出调成这样

some text here more

我想要 p 行中的更多。

Answer 1

p 是 block 级元素。所以你不能内联到a。因此，您需要将 p 的样式设置为 display: inline; 或 display: inline-block; 然后给 display: inline; 或 display: inline-block; 到 a

这里是 fiddle .