So I understand the functional difference between the span and label tags... however it appears there is also a rendering difference between the tags and I can\'t seem to figure
I can see no rendering difference with the default stylesheets in IE, Firefox, Opera or Chrome. It's possible a browser might choose to render it differently, but it's unlikely to be a significant difference.
The main advantage of a label is that you can associate it with another form control (via containment or the for
attribute). This can have accessibility advantages. Notably in the typical graphical-based browser you can click the label to focus the associated control (and tick it, for checkbox/radios, which is handy because otherwise it's quite a small target to hit). This reproduces established OS form widget behaviour.