Currently working on a contact form and facing an issue with setting the message box size larger than the Email and Subject input boxes. Tried adding specific styling to target the message box but it seems my approach isn't correct. Here is what I attempted:
input [type="text" name="message"] {
padding-bottom: 500px;
}
Unfortunately, this didn't yield the desired result. What could be the mistake in my implementation?
HTML
<div id="contactContent">
<form>
<label>Email:</label><input type="text" name="email" />
<br>
<label>Subject:</label><input type="text" name="subject" />
<br>
<label>Message:</label><input type="text" name="message" />
</form>
</div>
CSS
#contactContent {
margin-top: 50px;
margin-left: 350px;
}
input {
border: none;
background-color: #CCCCCC;
margin-left: 20px;
margin-bottom: 5px;
padding-right: 250px;
padding-top: 13px;
padding-bottom: 13px;
}
label {
display:inline-block;
width:100px;
font-family:maven;
color: #FF6464;
font-size: 20px;
text-align: right;
}
input [type="text" name="message"] {
padding-bottom: 500px;
}