<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
<分区>
要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:Stack Overflow question checklist
关闭 9 年前。
假设破折号代表一个 HTML 输入文本字段，而拉丁文本是纯文本，我该如何更改以下格式
Lorep ipsum -----------
Dolor sit amet ------------
Consectetuer adipiscing elit -----------
要使用 CSS 吗？
Lorep ipsum ------------
Dolor sit amet ------------
Consecteteur adipiscing elit ------------
还有这个？
Lorep ipsum ------------
Dolor sit amet ------------
Consecteteur adipiscing elit ------------
最佳答案
要么 float 它们，要么在文本上使用text-align。
jsFiddle demo ... 或 ... alternative jsFiddle demo
HTML
<div class="form">
<div>
<label>Some random text:</label>
<input type="text" name="name">
</div>
<div>
<label>More text:</label>
<input type="text" name="name">
</div>
<div>
<label>Even more text:</label>
<input type="text" name="name">
</div>
</div>
CSS
div {
width:300px;
overflow:hidden;
text-align:right;
}
label {
float:left;
}
input {
float:right;
}
关于html - CSS 对齐文本和输入字段，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19202461/