Are there other whitespace codes like   for half-spaces, em-spaces, en-spaces etc useful in HTML?
html
Solution
Yes, many.
Including, but not limited to:
- [ ] hair space : ` ` or ` `
- [ ] 6-per-em space : ` ` (no character reference available)
- [ ] narrow no-break space : ` ` (no character reference available)
- [ ] thin space : ` ` or ` `
- [ ] 4-per-em space : ` ` or ` `
- [ ] non breaking space : ` ` or ` `
- [ ] punctuation space : ` ` or ` `
- [ ] 3-per-em space : ` ` or ` `
- [ ] en space : ` ` or ` `
- [ ] figure space : ` ` or ` `
- [ ] em space : ` ` or ` `
span{background-color: red;}
<table>
<tr><td>non breaking space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>narrow no-break space:</td><td> <span> </span></td></tr>
<tr><td>en space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>3-per-em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>4-per-em space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>6-per-em space:</td><td> <span> </span></td></tr>
<tr><td>figure space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>punctuation space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>thin space:</td><td> <span> </span> or <span> </span></td></tr>
<tr><td>hair space:</td><td> <span> </span> or <span> </span></td></tr>
</table>
Problem
Wondering if there are other codes available to use in an HTML newsletter. I would use cell padding or margins but I'm new to this HTML/CSS thing and I can't find a change that does effect both the Main Title line and the sub-head under it. Being an email I'm hesitant to go mucking around with the CSS to get it just so — since I don't know what email clients don't like in the way of CSS as opposed to inline markup. For context the template I'm using is Mute theme from Mailchimp snip: ``` <!-- language: lang-html --> <table cellspacing="0" cellpadding="0" border="0" align="center" width="626"> <tbody> <tr> <td valign="middle" bgcolor="#546781" height="97" background="images/header-bg.jpg" style="vertical-align: middle;"> <table cellspacing="0" cellpadding="0" border="0" align="center" width="555" height="97"> <tbody> <tr> <td valign="middle" width="160" style="vertical-align:middle; text-align: left;"> <img width="70" height="70" src="http://dl.dropbox.com/…….png" style="margin:0; margin-top: 4px; display: block;" alt="" /> </td> <td valign="middle" style="vertical-align: middle; text-align: left;"> <h1 class="title" style="margin:0; padding:0; font-size:30px; font-weight: normal; color: #192c45 !important;"> <singleline label="Title"><span>Title of Report</span></singleline> </h1> <h1 class="title" style="margin:0; padding:0; font-size:15px; font-weight: normal; color: #192c45 !important;"> <singleline label="Title"><span>Small Subhead</span></singleline> </h1> </td> <td width="55" valign="middle" style="vertical-align:middle; text-align: center;"> <h2 class="date" style="margin:0; padding:0; font-size:13px; font-weight: normal; color: #192c45 !important; text-transform: uppercase; font-weight: bold; line-height:1;"> <currentmonthname />December </h2> <h2 class="date" style="margin:0; padding:0; font-size:23px; font-weight: normal; color: #192c45 !important; font-weight: bold;"> <currentyear />2011 </h2> </td> </tr> </tbody> </table> </td> </tr> ```