Help Needed with Centering Form Button
https://i.sstatic.net/QhWqi.png
I am struggling to center the "Send" button below the textarea in the form shown in the image. Despite trying various methods like using position absolute, relative, and custom margins, the button does not appear centered on different screen resolutions. My form is built using Bootstrap and is contained within a parent div.
<div className="my-5 emailform">
<form className="contact-form">
...other elements
<h3>Message</h3>
<textarea className="textarea" name="message" />
<input className="sendbutton" type="submit" value="Send" />
</form>
</div>
I have been unable to achieve the desired layout, where the "sendbutton" appears centered below the "textarea" element. Can anyone provide guidance on how to responsively center an element in relation to its sibling?