Em<span> elementos no fluxo narrativo HTML, a fim de expandir a área na qual os cliques são detectados (algumas das extensões têm conteúdo de apenas um caractere), estou adicionando preenchimento (compensando-o com uma margem negativa) em uma classe definida como

.expand-click-area {
    display:inline-block;
    padding:5px;
    margin:-5px;
    position:relative;
}

Isso funciona bem em termos do comportamento de clicar. O problema é que o Chrome 19 às vezes quebra a linha entre o intervalo e a vírgula a seguir em um caso como o seguinte:

<span class="expand-click-area">this is span text</span>,

Alguma idéia de como evitar isso? Essencialmente, eu gostaria de quebrar comportamento equivalente ao que quando o<span> não existe, ou não temdisplay:inline-block.

Esse comportamento não parece aparecer no IE10. Veja um exemplo emhttp://jsfiddle.net/58XdJ/1/.