The way I normally would do this in HTML(5) would be like this:
/* CSS For this example */
footer p {
font-size: 16px;
font-weight: normal;
}
footer strong {
font-weight: bolder;
}
<!-- HTML for this example -->
<footer>
<p>Title <strong>- Name. 1234 N. Main St., Anytown, USA</strong></p>
</footer>
My problem with doing it this way, is that it seems that 90% of the text in the paragraph is given greater importance, which seems counter intuitive to me. It would seem to me to be more semantic to only wrap the text that is abnormal in the paragraph, which in this case is the lighter weight text and leave footer p {font-weight:bold}.
Is <small> the appropriate element here even though its not really for a legal disclaimer, etc.
Yes, in your case
<small>is appropriate element, although it does not “de-emphasize” text.Lines from the current html specifications:
http://www.w3.org/TR/html5/text-level-semantics.html#the-small-element