Question

我正在尝试将标语文本对齐标题标题的右侧，而标题标题则左对齐

两个宽度都是未知的，并且字体大小设置在em的

中

---------------------------------------------------------
|THIS IS THE LARGE HEADER TITLE                         |
|                - small slogan                         |
|--------------------------------------------------------

<div id="header">
<h1>This is the large header title</h1>
<p>Small slogan here</p>
</div>

当没有设置宽度时，可以在CSS中完成吗？或者我怎样才能做到这一点？

标语宽度：“相对”+文字对齐：右边还是类似的东西？

Answer 1

如果可以接受额外加价......

DEMO

<div id="header">
    <div class="wrap">
        <h1>This is the large header title</h1>
        <p>Small slogan here</p>
    </div>
</div>

.wrap {
    display: inline-block;
}
p {
    text-align: right;
}

Answer 2

如果向左浮动标题，它将缩小div容器并允许您在段落上使用text-align：

#header  {
    float:left;
}
#header p {
    text-align:right;
}

<强> jsFiddle example

将文本对齐到上部文本的右侧（与左侧对齐）。宽度未知

2 个答案: