Question

我有一个带有下面列表的文本输入。

我现在希望列表准确地从左侧的输入开始。

CSS / HTML / Demo

body {
  text-align: center;
}
#underbox li {
  display: inline-block;
  text-decoration: underline;
}

<input type="text" style="width: 200px;" />
<ul id="underbox">
  <li>Test</li>
  <li>Next</li>
</ul>

Answer 1

将您的样式更改为：

body{
    text-align: center;
}
input {
    width: 200px;
}
ul {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 200px;
}
#underbox li{
    display: inline-block;
    text-decoration: underline;
}

输入和 ul =＆gt;相同宽度/ ul =＆gt; text-align：center;保证金：0自动（设定位置为中心）; padding：0（禁用默认样式）; jsfiddle

Answer 2

类似的东西：

#underbox {

    width: 200px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;

}
#underbox li {
    margin-right: 5px;
    text-decoration: underline;
    text-align: left;
    float: left;

}

Answer 3

尝试将样式添加到ul元素中：http://jsfiddle.net/csdtesting/j6f8L7Lp/

body {
  text-align: center;
}
#underbox li {
  display: inline-block;
  text-decoration: underline;
}
ul#underbox {
  padding: 0;
  list-style-type: none;
  margin: 0;
}

<input type="text" style="width: 200px;" />
<ul id="underbox">
  <li>Test</li>
  <li>Next</li>
</ul>

对齐输入下方的文字

3 个答案: