2014-07-09 20:58, Crest Christopher wrote:
I've had to restyle my form and it has caused the validator to inform me
I'm not allowed to use <p> as a child element of a <label> tag ?
The information is correct, see e.g.
http://www.w3.org/TR/REC-html40/interact/forms.html#edef-LABEL
http://www.w3.org/TR/html5/forms.html#the-label-element
Only "inline content" / "phrasing content" is allowed, e.g. <span> is
OK, <p> is not. This is natural, since the element is supposed to
contain a short label (caption) for a control, like "Name" or "Address"
or something a bit longer, but not a paragraph.
What matters in CSS here is that the syntax rule is not just a formal
rule. Browsers actually enforce it in parsing, and this affects what
happens when you style a <label> element. Consider this example:
<!doctype html>
<title> </title>
<style>
label { outline: solid red }
</style>
<label>foo <p>bar</p> done</label>
This is invalid markup, but what matters in practice is that in
browsers, the <p> tag closes the open <label> element (and the closing
tag </label> later will be ignored). So the CSS rule will draw an
outline around the word "foo" only.
What you should depends on the context and purpose, like what you are
using <label> for, why it should contain a paragraph, and how do you
wish to style things.
Yucca
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
