Adding HTML entities using CSS content

<div class="breadcrumbs">
    <a>One</a>
    <a>Two</a>
    <a>Three</a>
</div>

.breadcrumbs a:before {
    content: '> ';
}

.breadcrumbs a:before {
    content: '>&nbsp;';
}

.breadcrumbs a:before {
    content: '>000a0';
}

.breadcrumbs a:before {
    content: '>0a0';
}

content:'>000a0';       /* because you'll find: */
content:'No000a0Break'; /* becomes No&nbsp;Break as opposed to below */

content:'No0a0Break'   /* becomes No&#2571;reak */

.breadcrumbs a:before { content: '>'; padding-right: .5em; }