Question

Above is a Form. There are different methods to get the following form above, with the input and text seperated on different lines.

One is to use < br / > and another use fieldset, p-tag, etc.

But I am wondering what the proper way is to seperate the form different things in different lines?

Answer 1

The easiest way is simply:

label, input {
    display: block;
}

---

Edited to add the content of a comment made below, from myself to the OP, since it seems pertinent to the answer:

The ‘best’ is a very subjective measure. The ‘best’ is simply the easiest way to achieve your end-result, ideally without mangling the semantics of the HTML. Using div elements in forms gives no meaning to the contained elements, or their relationship to each other.

Using a fieldset gives some idea of the relationship, but typically (possibly should, but I’m unsure) is used to group elements together, rather than simply style them. I’d argue my method is ‘best’ simply because it relies on no additional (meaningful or meaningless) HTML elements being added to the page.