html如何使按钮与框图上边对齐


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<form onsubmit="return false;">
<br>
    <textarea id="responseText" style="width: 500px; height: 150px;rows=10;"></textarea>


    <input type="button" value="开始" onclick="send_msg()">
</form>


</body>
</html>

img


如图按钮与下边对其，如何使得按钮与框图上边对齐

最简单的就是给textarea加个浮动

<textarea id="responseText" style="width: 500px; height: 150px;rows=10;float:left;"></textarea>

给textarea和input加个父级div然后dsplay:flex



```html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>


        <form onsubmit="return false;">
            <br>
            <div>
                <textarea id="responseText" style="width: 500px; height: 150px;rows=10;"></textarea>


                <input type="button" value="开始" onclick="send_msg()" style="position: absolute;top: 30px;">
            </div>
        </form>


    </body>
</html>
<style>
    .box {
        position: relative;
    }
</style>

```