html - 如何在不在行与行之间添加额外空间的情况下对齐一行文本？

Question

比如我要如下格式

             Nov/1 2013
This is a sunny day

            Nov/12 2013
A friend visits my home

                    ...

日期线是right对齐，而内容行是 left对齐。

我试过了 <div> , 它在两行之间增加了额外的空间。

Answer 1

看到这个 JSFIDDLE

这就是您要找的吗？

HTML

<p class="paragraph">
    <span class="right-aligned">Nov 13</span>
    This is a sunny day
</p>

CSS

.paragraph {
    display: inline-block;
}

.right-aligned {
    display: block;
    text-align: right;
    width: 100%;
}

在此解决方案中为段落定义宽度是可选的。