CSS - 相对于另一个文本放置文本

Question

我有一个包含文本的CSS div（基本上，它是标题）。我有另一个CSS div，我希望有更小的文本，并将正确放在第一个较大的文本div的右侧。我不知道如何做到这一点......当第一个div的每个实例可能有不同的长度时，我怎么告诉第二个div将自己置于第一个div的右边？反正有没有这样做，以便第二个较小的文本div与第一个对接，并且相对于第一个长度？

非常感谢您的帮助！

Answer 1

div{
  display:inline-block;
}

Answer 2

div.headline
{
    float:left;
}

div.details
{
    float:left;
}

div.clear
{
    clear:both;
}

在HTML中使用：

<div class="heading">Heading</div>
<div class="details">Details</div>
<div class="clear"></div>

希望这有帮助。