Правильно, я сейчас так злюсь, что могу кричать.
Почему мои <input> теги не совпадают по правой стороне родительского тега <form-container>, это делает меня по-настоящему скрещенным, как у меня не было этой проблемы раньше. Я установил width:100%; на <select>, <input>, <textarea> относительно тега <form-container>, который, в свою очередь, установлен на 75% от тега #center, однако они "извергаются" над родительским тегом, <select>, <input>, <textarea> теги не выровнены друг с другом.
Нет никаких причин, почему это происходит, это абсолютно нелепо, я опытный программист, поэтому, если я не могу это исправить, то, вероятно, ошибка в Dreamweaver - о чем я сообщил? Вот моя кодировка
#form-container{
margin: 0 auto;
width:75%!important;
}
input, textarea, select, .select {
height: 40px;
font-size: 14px;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
font-weight: bold!important;
color: #0d0155!important;
border-radius: 0px!important;
padding-right: 0px;
}
input, select{
padding-left: 5px;
border-radius: 0px!important;
background-color: transparent!important;
}
textarea{
height: 300px;
padding: 10px;
}
.select {
border:1px solid #3A83F3;
overflow: hidden;
width: 100%;
position: relative;
display: block;
}
body{
margin: 0px;
padding: 0px;
width: 100%!important;
}
#center, #inner-center, #breadcrumb{
width: 90%!important;
margin: 0 auto!important;
}
} #center, #inner-center, #breadcrumb{
width: 90%!important;
margin: 0 auto!important;
}
#center{
padding: 10px;
}
<head>
</head>
<body>
<div id="center"><!-- InstanceBeginEditable name="master-template-body" -->
<div id="form-container">
<form action="xxxx" method="POST" enctype="multipart/form-data">
<label class="select">
<select name="title" required>
<option value="" disabled selected>Choose your title</option>
<option>Mr.</option>
<option>Mrs.</option>
<option>Master.</option>
<option>Ms.</option>
<option>Miss</option>
<option>Dr.</option>
<option>Lord</option>
<option>Lady</option>
<option>HRH</option>
<option>Baroness</option>
<option>Esquire</option>
<option>Other</option>
</select>
</label><br/><br/>
<input required name="first" type="text" placeholder="First name"><br/><br/>
<input required name="surname" type="text" placeholder="Surname"><br/><br/>
<label class="select">
<select name="department" required>
<option value="" disabled selected>Choose your department</option>
<option value="Submitting a Story">Submitting a Story</option>
<option value="Press Office">Press Office</option>
<option value="Executive Team">Executive Team</option>
<option value="Invoicing & Accounts Payable">Invoicing & Accounts Payable</option>
<option value="Accounts Recrivable">Accounts Receivable</option>
<option value="Complaints">Complaints</option>
<option value="Legal">Legal</option>
</select>
</label>
<br/><br/>
<input required name="email" type="email" placeholder="Email (ex. name@domain.com)"><br/><br/>
<input required name="number" type="tel" placeholder="Contact Number"><br/><br/>
<textarea required name="userMessage" placeholder="Type your message here. Please do not include sensitive information such as credit card numbers or National Insurance Numbers."></textarea><br/><br/>
<label style="display: none;" for="standard-button" class="standard-button">Send your message</label>
<input class="standard-button" style="padding: auto; height: auto;" type="submit" value="Send your message"/>
</form>
</div>
<!-- InstanceEndEditable -->
<div id="copyright-info">All Rights Reserved. © 2020</div>
</div>
</body>