Html 使用跨距页边距对齐文本

html有点新，所以如果需要进一步解释，或者这个问题没有意义，请随意说出来

我正在使用div来布局我正在设计的Web表单，并使用div来移动div中的文本，但就页面布局而言，并不总是产生我想要的结果

我开始试验并使用：

<span style="margin-left:(variable)px"></span>

我能够准确地将文本移动到我想要的位置

我的问题是，这是一种不好的做法吗？有没有更好的方法来做我想做的事情，或者更传统的方法？或者甚至是一些我还没有发现的内置到html中的东西

多谢各位

*添加代码块以显示我正在尝试完成的任务

   Complainant's Address
   <input type="text" size="50" id="complainantAddress"/> 
   <span style="margin-left:3px"></span>
   City
   <input type="text" name="city" maxlength="15" size="15"/>
   <span style="margin-left:16px"></span>
   State
   </div>

投诉人地址
城市
陈述

使用不可分割的空间进行布局/定位是一种不好的做法。 您尝试使用

style

属性做的更好，但内联样式属性通常也被认为是不好的做法。
样式属性很难维护，您会复制大量信息等。此外，此样式具有最高的特殊性，不能被其他样式（如用户CSS文件）覆盖。应谨慎使用

为此使用CSS属性

边距

、

填充

和

文本对齐

样本

HTML

Text<br />

&nbsp;&nbsp;&nbsp;&nbsp;Text <!-- Do NOT use this -->

<div class="center">Center</div>
<div class="right">Right</div>
<div class="indent">Indented</div>

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.indent {
    margin-left: 20px;
}

---

实际上，与依赖 相比，您所做的是更好的间隔方式。从长远来看，这将给您带来更大的灵活性，并允许您更快地进行更改。（少打字）

我唯一建议的另一件事是通读本CSS手册：

这将帮助您继续了解css的位置

更新：

这就是您的代码的外观：

CSS-在标题中使用它

<style type="text/css">
#complainantAddress {
    margin-right: 3px;
}

#city {
    margin-right: 16px;
}
</style>

#投诉人服装{
右边距：3倍；
}
#城市{
右边距：16px；
}

HTML

Complainant's Address: <input type="text" size="50" id="complainantAddress"/> 
City: <input type="text" name="city" maxlength="15" size="15" id="city"/>

投诉人地址：
城市：

请注意，我创建了两个css样式，每个样式对应一个匹配的输入框。在每个样式中，我定义了一个边距，在输入框的右侧添加适当的间距

---

因此，第一个名为“投诉人地址”的输入框右侧的间距为3px，第二个id为“城市”的输入框右侧的间距为16px。

如果您发布了一个代码示例，这可能会很有用，但使用css作为间距肯定比使用大量非刹车空格要好得多！回答得很好，我甚至投了赞成票。：）我唯一担心的是，您说过“内联样式属性是不好的做法”，但事实并非如此。对一次性元素使用内联样式是完全可以接受的。并不是所有的东西都需要用ID和类来标记。@DeviceSeev在某些情况下，内联样式是可以接受的。一般来说，这是一种糟糕的做法，当你开始学习CSS时，你不应该以这种方式学习我非常喜欢内容/结构和风格的严格分离。对不起，我不同意你的观点。仅仅因为你喜欢以某种方式完成某件事，并不意味着另一种方式就是“坏习惯”。实际上，我赞成主要使用类进行样式设置，但将内联样式设置称为糟糕的做法是一种延伸。没有规则规定每个元素都需要使用类或id进行样式设置。事实上，这样做会使样式表不必要地臃肿，更难遵循。只要我的两分钱。@DeviantSeev我通常使用模板和特定于客户的设计（30+）。也许我们可以在这一点上达成一致：“内联样式属性通常被认为是不好的实践……它们应该谨慎使用。”让我们同意不同意。只是开玩笑，争论这一点是愚蠢的，因为这只是语义学。有经验的开发人员将知道何时使用内联样式以及何时使用类。这就是我的全部。对你来说可能会有所不同，这没关系。：）