相对于另一个文本放置文本答案

【问题标题】：Placing Text Relative to Another Text相对于另一个文本放置文本
【发布时间】：2011-05-01 20:27:48
【问题描述】：

我有一个包含文本的 CSS div（基本上，它是一个标题）。我有另一个 CSS div，我想拥有较小尺寸的文本并将 right 放在第一个较大文本 div 的右侧。我不知道该怎么做......当第一个 div 的每个实例可能有不同的长度时，我如何告诉第二个 div 将自己放在第一个 div 的右侧？无论如何要这样做，以便第二个文本较小的 div 与第一个 div 对接并且相对于第一个的长度？

【问题讨论】：

标签： html css position alignment

【解决方案1】：

div{
  display:inline-block;
}

【讨论】：

【解决方案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>

希望这会有所帮助。

【讨论】：