Html 在两个单独的块中显示名称和值

在下面的html中，从第二行开始，“Rome”出现在“Place”下面，我如何防止出现这种情况

谢谢， Chris。

我会将跨度更改为一个块元素，例如p，然后像

div label {
    float: left;
}
div p {
    margin-left: 40px;    
}

我会将跨度更改为块元素，例如p，然后更改样式，如

div label {
    float: left;
}
div p {
    margin-left: 40px;    
}

您可以选择使用或，但对于后者，您必须进行一些调查，以确定它们在该场景中是否有用

我通常用老式的

<table>
    <tr>
        <td><label>Label</label></td>
        <td><span>Text</span></td>
    </tr>
</table>

因为它很简单，可以工作，虽然有一些冗余代码，但它不促进嵌套，也没有那么混乱。 我仍然没有看到任何好的，简单的CSS替代这个布局方案。 最好的可能是

<label style="float: left; width: 20%;">Label</label>
<span style="float: left; width: 80%;">Text</span>

或

你可能会发现更多或更多。 但是它们没有表好，因为它们不适应第一列的内容

黑客喜欢

<label style="float:left; height: 2em;">Label</label>
<span>Text</span>

或

但我不推荐它们，因为它们都依赖于特定的屏幕尺寸

运气。

你可以选择使用或，但对于后者，你必须做一些调查，看看它们在这种情况下是否有用

我通常用老式的

<table>
    <tr>
        <td><label>Label</label></td>
        <td><span>Text</span></td>
    </tr>
</table>

因为它很简单，可以工作，虽然有一些冗余代码，但它不促进嵌套，也没有那么混乱。 我仍然没有看到任何好的，简单的CSS替代这个布局方案。 最好的可能是

<label style="float: left; width: 20%;">Label</label>
<span style="float: left; width: 80%;">Text</span>

或

你可能会发现更多或更多。 但是它们没有表好，因为它们不适应第一列的内容

黑客喜欢

<label style="float:left; height: 2em;">Label</label>
<span>Text</span>

或

但我不推荐它们，因为它们都依赖于特定的屏幕尺寸

祝你好运。

我想这会管用，因为我把它分成了两块。

我想这会管用的，因为我把它分成了两个部分。

只需使用一个表格：

<table><tr valign=top><td>Place <td>Rome Rome ... Rome</table>

您可能有多个名称/值对，然后它们构成一个优秀的表。

只需使用一个表：

<table><tr valign=top><td>Place <td>Rome Rome ... Rome</table>

您可能有多个名称/值对，然后它们构成一个优秀的表