CSS выравнивание текстовой области

Question

У меня есть текстовая область и ссылка в виде кнопки:

__________________
|                 |
|                 |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯  ______
                     |send|
                     ------

Я хотел бы выровнять по горизонтали.

Мой HTML:

<form method="post" action="">                  
    <div>
        <textarea></textarea>
        <a href="javascript:void(0);">Send</a>
    </div>
</form>

Мой CSS:

textarea {
    display: inline;

    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius : 5px;
    border-radius: 5px;
}

form a {
    display: inline-block;
    margin-top: -10px;

    background: #CCC;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius : 5px;
    border-radius: 5px;
}

Извините за мой английский.

Answer 1

Почему бы не использовать атрибут float?Например, в дополнение к вашим текущим стилям CSS добавьте следующие стили.

textarea {
  float:left;
}

form a {
  float:left;
}