<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="contactContainer"> <h3 align="center">Send me a message</h3> <form action="/action_page.php"> <label for="fname">Subject</label> <input type="text" id="fname" name="firstname"> <label for="subject">Message</label> <textarea id="subject" name="subject" placeholder="Write something.." style="height:150px;margin-bottom:0px;"> </textarea> <label style="float:right;position:relative;padding-bottom:20px">Message</label> <input type="submit" value="Send"> </form> </div>

input[type=text], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; } input[type=submit] { background-color: #4CAF50; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; } input[type=submit]:hover { background-color: #45a049; } input[type=submit]{ width:100%; } .contactContainer { border-radius: 5px; background-color: #f2f2f2; padding: 20px; }