Выровнять элемент под другим элементом через css

Question

У меня есть действительно простая форма поиска со следующим

• Метка («Поиск»)
• Текстовое поле (фиксированная ширина)
• Кнопка отправки
• Ссылка "Дополнительно"

Метка, текстовое поле и отправка находятся на одной горизонтальной линии и по центру. Теперь я хотел бы, чтобы моя расширенная ссылка находилась под кнопкой отправки.

Есть идеи?

Answer 1

Если я понимаю вопрос, который вы хотите:

              Search [xxxxxxxxxxxxxxxx] [Submit]
                                        Advanced

Для этого вам потребуется добавить еще несколько элементов:

<div style="width: 300px; margin: auto; text-align: center;">
    Search [xxxxxxxxxxxxxxx] [Submit]
    <div style="text-align: right">Advanced</div>
</div>

Answer 2

<style type="text/css">
    #searchpanel
    {
        width: <displaywidth of controls>px;
        text-align: center;
    }

    #button
    {
        text-align: right;
    }
</style>
<div ="searchpanel">
    <label for="textbox">Search</label><input type="text" id="textbox" />
    <input type="submit" value="Search" />
</div>
<div id="button">
    <a href="#">Advanced</a>
</div>

Надеюсь, это поможет.