Include padding around HTML 5 'output' tag

Created by: kennardconsulting

The HTML 5 output tag is useful semantic markup to denote the 'result of a calculation' or a data lookup. It fills a hole in form markup. For example, if this is the editable version of a form:

<label for="name">Name:</label><input id="name" type="text" value="Bob"/>

Then this can be its read-only variant:

<label for="name" value="Name:"/><output id="name">Bob</output>

This is preferrable to surrounding 'Bob' with span tags (or no markup). And it's more semantically correct than using label tags IMHO.

However Bootstrap does not format output tags inside forms very well. I believe they need:

display: block; padding: 5px;

...so that they line up with the labels and input tags.