CSS выровнять div с текстовым полем

Я бы рекомендовал использовать это:

<div id="edata" class="edata">
    <input type="text" class="users_percentage" placeholder="% of users" />
    <div class="keys_values">
        <span>
            <input type="text" class="e_keys" placeholder="key" />
            <input type="text" class="e_values" placeholder="value" />
        </span>
    </div>
</div>

CSS:

.users_percentage {
    width:65px;
    float:left;
    margin-right:4px;
}
.keys_values {
    float: left;
}
.e_keys, .e_values {
    width: 65px;
}

Использование классов, которые уже имеют ваши элементы, позволяет отделить стиль и структуру страницы.

Примечание: margin-right: 4px добавлен только в соответствии с другим типом input. Если вы используете normalize.css или подобное, это может быть необязательно.

Здесь он работает: http://jsfiddle.net/Fr3kD/1/

Обновление. Чтобы добавить дополнительные элементы span друг под друга, используйте этот HTML-код:

<div class="keys_values">
    <span>
        <input type="text" class="e_keys" placeholder="key" />
        <input type="text" class="e_values" placeholder="value" />
    </span>
    <span>
        <input type="text" class="e_keys" placeholder="key" />
        <input type="text" class="e_values" placeholder="value" />
    </span>
</div>

и добавьте дополнительный стиль CSS:

.keys_values span{
    display: block;
}

Вот демо: http://jsfiddle.net/Fr3kD/3/