HTML文本格式

Question

希望这是一个非常简单的问题.我试图在不使用表格的情况下实现以下格式化,如第一张图片所示.有没有办法使用span和/或div标签设置文本内容的样式,使其看起来像底部的示例？非常感谢您的见解.

使用表格

期望的样子

更新:

谢谢大家的建议,我不确定在这种情况下是否标准使用表格.

Answer 1

如果你不介意有一个固定宽度的左列,试试这个:

现场演示

HTML:

<dl>
    <dt>Instructions</dt>
    <dd>ABC, 123<br />ABC, 123<br /></dd>
    <dt>Example</dt>
    <dd>ABC, 123<br />ABC, 123<br /></dd>
</dl>

Floats are cleared.

CSS:

dl {
   overflow: hidden
}
dt, dd {
    float: left;
    width: 100px
}
dt {
    clear: both;
    text-align: right;
    padding: 0 9px 0 0
}

虽然不是:

使用span和/或div标签

我相信我选择的标签在这里更具语义意义.