Хочет сохранить кнопку, кроме текстовой области

Question

В HTML, я хочу, чтобы выровнять кнопки, кроме текстовой-области, как в мессенджере:

Оба находится в сноске, но когда я изменить размер экрана, это происходит:

<input type="button" value="➢" onclick="CheckAndSubmit()" style=" position:fixed; bottom:4px;right:100px; padding:15px;"> 
<textarea name="message" id="message" cols="40" rows="1" style="position:fixed; padding:15px; bottom:4px;"></textarea> 

Answer 1

Самый простой способ сделать это состоит в использовании Bootstrap, вы можете прочитать об этом здесь; http://getbootstrap.com/.

Для использования начальной загрузки, поместите это в HTML в тег:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

В вашем HTML коде, вы можете просто написать:

<div class="container"> 
    <div class="col-md-10"> 
     // Input field goes here 
    </div> 
    <div class="col-md-2> 
     // Button goes here 
    </div> 
</div>