Html 在文本框的标签后留出空格
对于样式表，我将Html 在文本框的标签后留出空格,html,css,Html,Css,对于样式表，我将名称，电子邮件放在左侧，将昵称和学校放在右侧，但我希望它们的文本框从同一点开始。如何使用CSS实现这一点 姓名： 昵称： 电邮地址： 学校： 您必须这样使用： 应该有，以确保当用户单击标签文本时，它会关注相应的输入 标记有一个显示：内联块，便于设置宽度 你不需要那么多的ids 您需要为所有字段指定name属性 label strong{显示：内联块；宽度：150px；文本对齐：左；边距：0 10px；} 名称： 昵称： 电子邮件地址： 学校： 您必须这样使用： 应该有，以
名称电子邮件昵称学校
姓名：
昵称：
电邮地址：
学校：
显示：内联块idnamelabel strong{显示：内联块；宽度：150px；文本对齐：左；边距：0 10px；}
名称：
昵称：
电子邮件地址：
学校：
显示：内联块idnamelabel strong{显示：内联块；宽度：150px；文本对齐：左；边距：0 10px；}
名称：
昵称：
电子邮件地址：
学校：
li{
列表样式类型：无；
}
李平{
显示：内联块；
宽度：120px；
文本对齐：左对齐；
字体系列：“新罗马时代”；
字体风格：斜体；
字体大小：14px；
}
-
姓名：
-
昵称：
-
电邮地址：
-
学校：
li{
列表样式类型：无；
}
李平{
显示：内联块；
宽度：120px；
文本对齐：左对齐；
字体系列：“新罗马时代”；
字体风格：斜体；
字体大小：14px；
}
-
姓名：
-
昵称：
-
电邮地址：
-
学校：
<html>
<head>
<style>
label strong {display: inline-block; width: 150px; text-align: left; margin: 0 0 10px;}
</style>
</head>
<body>
<center>
<div id="Holder" style="width:50%;">
<div id="L_div" style="float:left;">
<div id="container" align="center">
<div id="name">
<label>
<strong>Name:</strong>
<input id="name_text" type="text" />
</label>
</div>
<div id="email">
<label>
<strong>Email Address:</strong>
<input id="email_text" type="text" />
</label>
</div>
</div>
</div>
<div id="R_div" style="float:right;">
<div id="nickname">
<label>
<strong>Nickname:</strong>
<input id="nickname_text" type="text" />
</label>
</div>
<div id="school">
<label>
<strong>School:</strong>
<input id="school_text" type="text" />
</label>
</div>
</div>
</div>
</div>
</center>
</body>
</html>
标签强{显示：内联块；宽度：150px；文本对齐：左；边距：0 10px；}
名称：
电子邮件地址：
昵称：
学校：
Regds稍作修改，复制此代码并检查它
<html>
<head>
<style>
label strong {display: inline-block; width: 150px; text-align: left; margin: 0 0 10px;}
</style>
</head>
<body>
<center>
<div id="Holder" style="width:50%;">
<div id="L_div" style="float:left;">
<div id="container" align="center">
<div id="name">
<label>
<strong>Name:</strong>
<input id="name_text" type="text" />
</label>
</div>
<div id="email">
<label>
<strong>Email Address:</strong>
<input id="email_text" type="text" />
</label>
</div>
</div>
</div>
<div id="R_div" style="float:right;">
<div id="nickname">
<label>
<strong>Nickname:</strong>
<input id="nickname_text" type="text" />
</label>
</div>
<div id="school">
<label>
<strong>School:</strong>
<input id="school_text" type="text" />
</label>
</div>
</div>
</div>
</div>
</center>
</body>
</html>
标签强{显示：内联块；宽度：150px；文本对齐：左；边距：0 10px；}
名称：
电子邮件地址：
昵称：
学校：
Regds使用这么多div标记是否有必要？使用这么多div标记是否有必要？您真的需要一个段落标记吗？很漂亮！既然我不熟悉强标记，那么是否有必要将它们设置为不同的字体，因为我尝试的时间越长，结果就越糟糕bolder@AlexGannon我刚刚编辑了我的答案（参见CSS部分），以展示如何设置文本样式，请参见，以获取您想要的样式设置想法。我简要地了解了如何设置字体样式。我基于代码使用强标记，这样文本和文本框就会对齐。但是我不能设置强标记的样式？@AlexGannon啊，我明白了，你仍然可以设置标记的样式，例如，如果你偶尔想让文本不那么粗体，你可以使用css:strong{font-weight:normal；}来实现这一点，这会从标记中移除粗体效果。你真的需要一个段落标记吗？漂亮！既然我不熟悉强标记，那么是否有必要将它们设置为不同的字体，因为我尝试的时间越长，结果就越糟糕bolder@AlexGannon我刚刚编辑了我的答案（参见CSS部分），以展示如何设置文本样式，请参见，以获取您想要的样式设置的想法。我简单地知道如何设置样式