Html 相对于其他文本放置文本

我有一个CSS div，它包含文本（基本上是一个标题）。我有另一个CSS div，我想有更小的文本，并坐在第一个更大的文本div的右边。我不知道如何做到这一点…当第一个div的每个实例都可能有不同的长度时，我如何告诉第二个div将自己放在第一个div的右边？是否有这样做的方法，使得第二个较小的文本div与第一个文本div对接，并与第一个文本div的长度相对

div{
  display:inline-block;
}

在HTML中使用：

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

标题
细节

希望这有帮助

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