CSS - размещение текста относительно другого текста

Question

У меня есть CSS div, который содержит текст (в основном, это заголовок).У меня есть еще один div-элемент CSS, в котором я хочу, чтобы текст был меньше по размеру и располагался справа справа от первого div-элемента с большим текстомЯ не уверен, как это сделать ... как мне сказать, чтобы второй div располагался справа от первого, когда каждый экземпляр первого div может иметь различную длину?Можно ли как-нибудь сделать это так, чтобы второй, меньший текстовый div был бы впритык к первому и был бы относительно длины первого?

Огромное спасибо за любую помощь!

Answer 1

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>

Надеюсь, это поможет.

Answer 2

div{
  display:inline-block;
}