Pensando se existem outros códigos disponíveis para uso em um boletim informativo em HTML.
Eu usaria preenchimento de células ou margens, mas sou novo nessa coisa de HTML / CSS e não consigo encontrar uma alteração que afete a linha do título principal e a subcabeça abaixo dela. Sendo um e-mail, hesito em mexer no CSS para obtê-lo da mesma maneira - já que não sei o que os clientes de e-mail não gostam no caminho do CSS, em vez da marcação embutida.
Para o contexto, o modelo que estou usando é o tema Mute do snip do Mailchimp:
<!-- 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>
Todo o email como página da web pode ser visto aqui
before:
$numsp;
é muito útil para alinhar números, porque o espaço é definido para ser exatamente tão largo quanto um número na mesma fonte.Existem códigos para outros caracteres de espaço, e os códigos, como tais, funcionam bem, mas os próprios caracteres são caracteres herdados. Eles foram incluídos nos conjuntos de caracteres apenas devido à presença nos dados de caracteres existentes, e não para uso em novos documentos. Para algumas combinações de fonte e versão do navegador, elas podem causar um glifo genérico de caractere irrepresentável. Para detalhes, consulte minha página sobre espaços Unicode .
Portanto, o uso de CSS é mais seguro e permite especificar qualquer quantidade desejada de espaçamento, não apenas as larguras específicas dos espaços de largura fixa. Se você quiser adicionar espaçamento adicional aos seus elementos h2, como me parece, definir o preenchimento nesses elementos (alterar o valor das configurações do preenchimento: 0 que você já possui) deve funcionar bem.
fonte
( 4 PACK )
para os meus requisitos - usando margin ou padding seria uma péssima idéia para este<span style="padding: 0 0.1em">4 PACK</span>
, com liberdade para definir e ajustar os valores.ZERO WIDTH JOINER
fileformat.info/info/unicode/char/200d/index.htm eZERO WIDTH NON JOINER
eu costumo usar com mais frequência do que os espaços de largura zero.Não tenho certeza se é a isso que você está se referindo, mas esta é a lista de entidades HTML que você pode usar:
Lista de referências de entidade de caracteres XML e HTML
Usando o conteúdo na coluna 'Nome', você pode envolvê-los em um
&
e;
Por exemplo
, 
etc.fonte
Eu usei esse código decimal Unicode
‌
e trabalhei. mais detalhesfonte
E quanto ao caractere de espaço em branco codificado normal?
fonte