Where will this float madness end? Let's see an example, where we also add placeholder, id and name attributes on inputs and for attribute on labels. Content available under a Creative Commons license. Therefore, it is always the best idea to use an explicit label instead of an implicit label. When I add a field-level-help, instead of putting it on the second line where there is plenty of space, it adds it on a third line. In design view it shows all of these on the same line. To center an image, set left and right margin to auto and make it into a block element: One method for aligning elements is to use position: absolute;: In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. 2. Much appreciated. This is to make sure that: Over the last few years, I have used JavaScript libraries, like downshift, to build complex form elements such as autocomplete or comboboxes on top of native HTML ones, like inputs or selects. Did any DOS compatibility layers exist for any UNIX-like systems before DOS started to become outmoded? Example of left aligning labels next to inputs: display: table-cell is another option, see: http://jsfiddle.net/Khmhk/1/. How to align the Checkbox and Label in same line? CSS Fix You can try this out in the example below, which has a flex container with flex-direction: column yet otherwise is exactly the same as the previous example. on top of each other instead of next to each other on smaller screens): Use a