html - 跨度/格内的奇数对齐

Question

我有一个包含文本和输入字段的跨度。我想知道是否可以让文本左对齐，输入字段右对齐。

<span class="textBox">NAME: <input type="text" id="NAME"/></span>

.textBox{
    display:inline-block;
    width:450px
}

首先是我的跨度示例，然后是它的当前 CSS 样式。

Answer 1

默认情况下，文本将左对齐，因此您可以将输入 float 到右侧:

.textBox input{
    float:right;
}

JSFiddle

或者，如果您更喜欢使用定位而不是 float :

.textBox input{
    position:absolute;
    right:0;
    top:0;
}

请记住，父级将需要一个非默认位置:

.textBox{
    display:inline-block;
    width:450px;
    position:relative;
}

JSFiddle