Question: HTML/CSS contact form: I have been trying to figure this out all day. I need to create a dummy contact us form. I have the
HTML/CSS contact form: I have been trying to figure this out all day. I need to create a dummy "contact us form". I have the markup just need to style it so it looks similar to the picture provided.

Here is mine:

HTML
Say Hello!
Please contact us regarding any request or problem
CSS:
body{
background-color: #34495e;
padding: 10px;
}
h1{
text-align: center;
}
label{
display: inline-table;
width: 30%;
padding-bottom: 10px;
margin: 2px 0;
}
p{
text-align: center;
}
input{
display: inline-table;
width: 69%;
margin: 2px 0;
box-sizing: border-box;
vertical-align: top;
border: 1px solid #000;
}
#button{
width: 20%;
text-align: center;
}
.container{
background-color: #aacfd0;
margin: auto;
width: 600px;
border-radius: 25px;
padding-bottom: 20px;
}
.contact{
background-color: #aacfd0;
box-sizing: border-box;
border: 2px solid #fff;
width: 500px;
margin: auto;
}
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
