さて、この問題は比較的単純なようです。フォーム上のマージンの基本:ラベルとテキストエリアの要素を整列しようとしていますか?
問題:私はラベルメッセージ要素とテキストエリア要素を他の入力フィールドと同じように並べて整列しようとしています。ここで
はスクリーンショットです:http://imgur.com/a/2AUBA
私はおそらく絶対位置を使用することができます知っているが、私は何かが、おそらく私が何を知らない私の余白が間違っている知っています。どんなアイデアですか?
footer {
\t background-color: #2094d0;
}
.contact-us-section h3 {
}
footer label {
\t color: #fff;
\t padding: 1em;
\t margin-left: 1%;
}
footer input {
\t margin: 2%;
\t border-style: none;
\t padding: 2%;
}
footer fieldset {
\t border-style: none; \t
}
footer textarea {
\t border: none;
\t margin-top: 1%;
\t margin-left: 28%;
\t margin-right: 0;
\t background-color: black;
}
footer #message-label {
\t background-color:orange;
}
\t <footer>
\t \t <div class="contact-us-section">
\t \t \t <h3> CONTACT US</h3>
\t \t \t <form action="#">
\t \t \t \t <fieldset>
\t \t \t \t \t <label>Name:</label></form>
\t \t \t \t \t <input type="text" value="name"><br> \t
\t \t \t \t </fieldset>
\t \t \t \t <fieldset>
\t \t \t \t \t <label>Email:</label>
\t \t \t \t \t <input type="text" value="email"><br> \t \t \t \t \t
\t \t \t \t </fieldset>
\t \t \t \t \t <label id="message-label">Message:</label>
\t \t \t \t \t <textarea rows="10" cols="39" maxlength="200"></textarea></br>
\t \t \t \t \t <input type="submit" value="Submit"> \t \t \t \t \t
\t \t \t </form>
\t \t </div>
\t \t <div class="location">
\t \t \t <!-- map icon -->
\t \t \t <img src="img/map-icon.png">
\t \t \t <p>25/153 Queens st, Avenue, Brisbane, QLD 4000</p>
\t \t \t <!-- map image -->
\t \t \t <img src="img/map.png">
\t \t </div>
\t \t <div class="social-wrapper">
\t \t \t <!-- Social icons -->
\t \t \t <img src="img/instagram-icon.png">
\t \t \t <img src="img/twitter-icon.png">
\t \t \t <img src="img/fb-icon.png">
\t \t \t
\t \t </div>
\t \t <p> KEEVA INC © 2017 </p>
\t </footer>