W<span> elementy w przepływie narracyjnym HTML, w celu rozszerzenia obszaru, na którym wykrywane są kliknięcia (niektóre z przęseł mają zawartość tylko jednego znaku), dodam dopełnienie (kompensując je ujemnym marginesem) w klasie zdefiniowanej jako

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

Działa to dobrze pod względem zachowania klikania. Problem polega na tym, że Chrome 19 czasami łamie linię między spanem a następującym przecinkiem w takim przypadku jak:

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

Jakieś przemyślenia, jak temu zapobiec? Zasadniczo chciałbym złamać zachowanie równoważne z tym, kiedy<span> nie ma go wcale lub nie madisplay:inline-block.

To zachowanie wydaje się nie pojawiać w IE10. Zobacz przykład nahttp://jsfiddle.net/58XdJ/1/.