Display two inputs next to each other with label above each html

css, css-position, html, input, label

Solution

`div` is a block level element, that means it will take entire horizontal space by default, inorder to align them side by side, you need to `float` them else you need to use `display: inline-block`

Demo

HTML

<div>
    <label>Hello</label>
    <input type="text" />
</div>
<div>
    <label>Hello</label>
    <input type="text" />
</div>

CSS

div {
    display: inline-block;
}

div label {
    display: block;
}

Problem

I want to do something like this ``` USER EMAIL input input ``` But I can't figure how to get it to display this way. Basically I want each set of label + input field to be a div, but I want the divs to be side by side. Perhaps I'm using the wrong tags because I'm an html noobie ><

Original source