Contact form design issue in CSS <p>I'm trying to code the below contact form in HTML&amp;CSS.. The issue is how to make the inputs, textarea and the post button in one container and at by taking in consideration that there is a label for each one (out of the container).</p> <p><img src="https://i.stack.imgur.com/46ShF.png" alt="enter image description here"></p> <p>For the name, the label is on the right. And it's on the left for the email. Then, the textarea label is stick to the top (I tried using bottom:100px with position:relative and it works) but I'm looking for more ideal solution.</p> <p>Please find the code in this <a href="http://jsfiddle.net/shadeed9/wa7xs9vu/1/" rel="nofollow noreferrer">fiddle</a>: (see full screen for better view)</p> <p>Input group CSS:</p> <pre><code>.post .contact form .input-group { display: inline-block; margin-left: 10px; margin-bottom: 15px; position: relative; } </code></pre> <p>PS: The layout should be responsive and work on all screens.</p> <p>Thanks,</p>