divの内容をdivの上部に貼り付けるにはどうすればいいですか？

Question

textarea要素の隣にbuttonの次にparagraphがあります。私はそれを作ったが、今、textareaを展開すると、ボタンも下に移動する。私は、それが入っているdivの上部に付いているボタンと段落を持っているので、テキストエリアの高さの影響を受けてはいけません。

#textarea { 
 
    height: 50px; 
 
    width: 100px; 
 
    margin-left: 20px; 
 
} 
 

 
#p { 
 
    display: inline; 
 
    margin-right: 20px; 
 
}

<div id="parent"> 
 
    <p id="p">Random Text</p> 
 
    <button id="button">Button</button> 
 
    <textarea id="textarea"> 
 
    Random 
 
    Text 
 
    </textarea> 
 
</div>

Answer 1

はvertical-align:topを試してみてください。私はこの問題に非常に簡単な解決策が存在しなければならないけど、私はそれを見つけることができませんでした:(

これは私のコードである

pとbutton

#textarea { 
 
    height: 50px; 
 
    width: 100px; 
 
    margin-left: 20px; 
 
} 
 

 
#p { 
 
    display: inline; 
 
    margin-right: 20px; 
 
} 
 
p,button{ 
 
    vertical-align:top; 
 
}

<div id="parent"> 
 
    <p id="p">Random Text</p> 
 
    <button id="button">Button</button> 
 
    <textarea id="textarea"> 
 
    Random 
 
    Text 
 
    </textarea> 
 
</div>

その答えで10

Answer 2

参照のコメント.. `垂直整列してみてください

#textarea { 
 
    height: 50px; 
 
    width: 100px; 
 
    margin-left: 20px; 
 
} 
 

 
#p { 
 
    display: inline; 
 
    margin-right: 20px; 
 
} 
 

 
/* i added this */ 
 
#parent > * { 
 
    vertical-align: top; 
 
    }

<div id="parent"> 
 
    <p id="p">Random Text</p> 
 
    <button id="button">Button</button> 
 
    <textarea id="textarea"> 
 
    Random 
 
    Text 
 
    </textarea> 
 
</div>