CSS: :after nbsp

HTML

<h1>Simulated tight columns</h1>
<p>To be seen on a Mac running Safari (to be sure you get the same result than I).</p>
<div>
    <a class="openPage">Manque d’eau – Stress hydrique </a>
</div>

CSS

* {
        font-family: arial;
}

.openPage
{
    white-space:nowrap;
}

.openPage:before {
	.openMarker;
	content: '◱';
	font-size: 11pt;
	line-height: 1.23em;
}

div {
    width: 240px;
    border: solid 1px red;
}